import React from "react";
import classNames from "classnames";
import { Link, LinkProps } from "../Link";

export const AppbarLogInButton = (props: LinkProps) => {
  const { onClick, href, ...rest } = props;
  return (
    <Link
      className={classNames([
        "py-1",
        "px-2",
        "text-gray-500",
        "text-body",
        "ease-all-fast",
        "no-underline",
        "rounded",
        "hover:text-white",
        "focus:text-white",
        "focus:bg-gray-800",
        "focus:outline-none",
      ])}
      noStyles
      {...rest}
    >
      Log in
    </Link>
  );
};