import NextLink from "next/link";
import React from "react";
import styled from "styled-components";

const StyledA = styled.a`
  text-decoration: none;
  cursor: pointer;
`;

const Link = ({ href, children, className }) => (
  <NextLink href={href}>
    <StyledA className={className}>{children}</StyledA>
  </NextLink>
);

// TODO: Rename to NavLink
export default Link;