import { h, render, Component } from "preact";
import { Container, Grid, Button, Typography } from "@material-ui/core";
import { ThemeProvider } from "@material-ui/core/styles";
import theme from "./theme";
import Header from "./Header";
import Greeting from "./Greeting";
import WebProjects from "./WebProjects";

class App extends Component {
  render() {
    return (
      <ThemeProvider theme={theme}>
        <Header />
        <Greeting />
        <Container maxWidth="md">
          <WebProjects />
          <Typography variant="h1"> Hi </Typography>
          <Button color="primary">Hello, world!</Button>
          <Typography
            component="div"
            style={{ backgroundColor: "#cfe8fc", height: "100vh" }}
          />
        </Container>
      </ThemeProvider>
    );
  }
}

render(<App />, document.body);