i18n 포맷터 패키지

import { useCurrencyFormatter } from '@hua-labs/i18n-currency';

function PriceDisplay({ amount }: { amount: number }) {
  const { format } = useCurrencyFormatter();

  return <span>{format(amount)}</span>;
  // ko: ₩10,000
  // en: $10,000.00
}

import { useDateFormatter } from '@hua-labs/i18n-date';

function DateDisplay({ date }: { date: Date }) {
  const { format, formatRelative } = useDateFormatter();

  return (
    <div>
      <span>{format(date)}</span>
      {/* ko: 2026년 1월 12일 */}
      {/* en: January 12, 2026 */}

      <span>{formatRelative(date)}</span>
      {/* ko: 3일 전 */}
      {/* en: 3 days ago */}
    </div>
  );
}

import { useNumberFormatter } from '@hua-labs/i18n-number';

function StatsDisplay({ value }: { value: number }) {
  const { format, formatCompact, formatPercent } = useNumberFormatter();

  return (
    <div>
      <span>{format(1234567)}</span>
      {/* ko: 1,234,567 */}

      <span>{formatCompact(1234567)}</span>
      {/* ko: 123만 */}
      {/* en: 1.2M */}

      <span>{formatPercent(0.1234)}</span>
      {/* 12.34% */}
    </div>
  );
}