import Link from "next/link";

export default function footerButton({ url, inner_text, is_external }) {
  const target = Boolean(is_external) ? is_external : "";

  return (
    <div className="flex-1 overflow-visible">
      <Link href={url}>
        <a target={target}>
          <div className="ml-1 mr-1 rounded-sm ring-2 ring-alice-werefox-red-dark dark:ring-alice-werefox-red hover:ring-alice-werefox-blue-dark dark:hover:ring-alice-werefox-blue  text-alice-werefox-red-darker dark:text-alice-werefox-red-light hover:text-alice-werefox-blue-dark dark:hover:text-alice-werefox-blue-light transition">
            <p className="pl-2 pr-2 text-center sm:text-md text-sm">
              {inner_text}
            </p>
          </div>
        </a>
      </Link>
    </div>
  );
}
