import { h, render, Component } from "preact";
import {
  Container,
  Card,
  CardActions,
  CardContent,
  Typography,
  Button,
} from "@material-ui/core";
import CV from "../static/cv.pdf";

class Greeting extends Component {
  render() {
    return (
      <Container maxWidth="sm">
        <p />
        <Card>
          <CardContent>
            <Typography variant="h1">Welcome</Typography>
            <Typography variant="body1">
              Hi, My name is Warwick and I'm a Fullstack Web Developer with an
              academeic background in Computing for Games and Entrepreneurship.
            </Typography>
            <Typography variant="subtitle1">Availability</Typography>
            <Typography variant="body2">
              I'm currently looking for work if you think my skills may be
              relevant to you. My CV and previous projects can be found below.
            </Typography>
          </CardContent>
          <CardActions>
            <Button href={CV} color="secondary">
              My Corriculum Vitae
            </Button>
          </CardActions>
        </Card>
      </Container>
    );
  }
}

export default Greeting;
