'use client';

import { useT } from '@/lib/i18n/react';

export function LegalDisclosure({ context }: { context: 'checkout' | 'register' }) {
  const t = useT('legal');
  const tFooter = useT('footer');
  const prefix =
    context === 'checkout' ? t('checkout_disclosure_prefix') : t('register_disclosure_prefix');

  return (
    <p className="text-text-muted text-xs leading-relaxed">
      {prefix}{' '}
      <a
        href="/legal/terms"
        target="_blank"
        rel="noopener noreferrer"
        className="text-brand-primary-600 hover:text-brand-primary-700 underline"
      >
        {tFooter('link_terms')}
      </a>{' '}
      {t('disclosure_joiner')}{' '}
      <a
        href="/legal/privacy"
        target="_blank"
        rel="noopener noreferrer"
        className="text-brand-primary-600 hover:text-brand-primary-700 underline"
      >
        {tFooter('link_privacy')}
      </a>
      .
    </p>
  );
}