20 lines
616 B
TypeScript
20 lines
616 B
TypeScript
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>
|
|
);
|
|
}
|