'use client';

import { Label } from '@/components/ui/Typography';
import { useTranslation } from '@/lib/hooks/useTranslation';

export function OrderNotes() {
  const { t } = useTranslation();
  
  return (
    <div className="mt-8">
      <Label className="mb-2">{t('cart.notes')}</Label>
      <textarea
        className="w-full border rounded-md p-3 min-h-[100px]"
        placeholder={t('cart.notesPlaceholder')}
      />
    </div>
  );
}