import React from "react";
import { Link } from "react-router-dom";
import { Button, PageHeader } from "antd";
import "./index.less";

const Header = () => {
  return (
    <PageHeader
      ghost={false}
      title="Social Netuno"
      subTitle="Maior que o Facebook"
      className="header"
      extra={[
        <Link key="home" to="/">
          Home
        </Link>,
        <Link key="login" to="/login">
          Login
        </Link>,
        <Link key="Register" to="/register">
          <Button type="red-9">Registre-se</Button>
        </Link>,
      ]}
    />
  );
};

export default Header;
