import { Link } from 'react-router-dom'

export interface AuthFooterProps {
  question: string
  action: string
  to: string
}

/** "No account yet? Request access" row at the bottom of a card. */
export function AuthFooter({ question, action, to }: AuthFooterProps) {
  return (
    <p className="flex w-full items-center justify-center gap-1.5 text-[13px] text-muted-foreground">
      <span>{question}</span>
      <Link to={to} className="font-bold text-foreground underline-offset-4 hover:underline">
        {action}
      </Link>
    </p>
  )
}