import React from "react";
import "@app/auth/ui/auth.css";
import "@app/routes/authShared/saas-auth.css";

interface GuestSignInButtonProps {
  label: string;
  onClick: () => void;
  disabled?: boolean;
}

export default function GuestSignInButton({
  label,
  onClick,
  disabled,
}: GuestSignInButtonProps) {
  return (
    <button
      type="button"
      onClick={onClick}
      disabled={disabled}
      className="w-full px-4 py-[0.75rem] rounded-[0.625rem] text-base font-semibold mb-2 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed auth-guest-button"
    >
      {label}
    </button>
  );
}
