import React from "react";
import { Link } from "react-router-dom";
// import Template from '../../../components/Template';

import Template from "../../../components/PageDefault";

import {
  BackgroundWrapper,
  ContainerMessage,
  DescriptionError,
  DescriptionMessage,
  Button,
} from "./styled";

const Page404 = () => (
  <Template>
    <BackgroundWrapper>
      <ContainerMessage>
        <DescriptionError>Oops!!</DescriptionError>
        <DescriptionMessage>
          Não conseguimos encontrar a página que você estava procurando. :(
        </DescriptionMessage>
        <Button as={Link} to={"/"}>
          Voltar para home
        </Button>
      </ContainerMessage>
    </BackgroundWrapper>
  </Template>
);

export default Page404;
