import React, { Component } from "react";
import { Button, Container, Header, Icon, Segment } from "semantic-ui-react";

export default class NotFound extends Component {
  render() {
    return (
      <div>
        <Segment inverted textAlign="center" vertical>
          <Container>
            <Header
              as="h1"
              content="404 - A keresett oldal nem található!"
              inverted
              style={{
                fontSize: "3em",
                fontWeight: "normal",
                marginBottom: 0,
                marginTop: "0.5em"
              }}
            />
            <Button
              href="/"
              primary
              size="huge"
              style={{
                fontSize: "2em",
                marginTop: "1em",
                marginBottom: "1em"
              }}
            >
              Vissza a Főoldalra
              <Icon name="right arrow" />
            </Button>
          </Container>
        </Segment>
      </div>
    );
  }
}