type Props = {
  url: string;
  title: string;
};

const Link = ({ url, title }: Props) => (
  <a
    href={url}
    target="_blank"
    rel="noopener noreferrer"
    className="
      block
      w-full
      text-center
      py-2
      border-2
      border-gray-400
      rounded
      hover:bg-gray-900
      hover:border-gray-900
      hover:text-white
      transition
      focus:ring-2
      focus:ring-gray-600 text-gray-800
    "
  >
    {title}
  </a>
);

export default Link;
