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

class App extends Component {
  render() {
    return (
      <ThemeProvider theme={theme}>
        <CssBaseline />
        <Header />
        <Greeting />
        <Container maxWidth="md">
          <WebProjects />
        </Container>
        <GameProjects />
      </ThemeProvider>
    );
  }
}

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