main
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>
)
}