import type { ReactNode } from 'react'
import { t } from '@/shared/i18n'

export function ResendButton({
  seconds,
  busy,
  onClick,
  children = t('common.resend'),
}: {
  seconds: number
  busy: boolean
  onClick: () => void
  children?: ReactNode
}) {
  return (
    <div className="flex min-h-11 items-center justify-center gap-1 text-xs">
      <span className="text-muted">{t('ui.resend.prompt')}</span>
      <button
        type="button"
        disabled={seconds > 0 || busy}
        onClick={onClick}
        className="inline-flex min-h-11 items-center justify-center px-1 text-accent-text hover:underline disabled:text-muted disabled:no-underline"
      >
        {busy ? t('common.sending') : seconds > 0 ? t('ui.resend.wait', { seconds }) : children}
      </button>
    </div>
  )
}