import { AlertTriangle } from 'lucide-react';
import { useTranslation } from 'react-i18next';

type Props = {
  className?: string;
};

export default function GeneralNotice({ className }: Props) {
  const { t } = useTranslation('common');

  return (
    <div className={className ?? 'mt-8 rounded-md border border-gray-200 bg-white p-4'}>
      <div className="flex items-start gap-3">
        <AlertTriangle className="w-5 h-5 text-[#7a0000] mt-0.5 flex-shrink-0" />
        <div className="text-sm text-gray-800 leading-relaxed whitespace-pre-line">{t('generalNotice.text')}</div>
      </div>
    </div>
  );
}
