'use client';

import { AlertCircle } from 'lucide-react';
import { useTranslations } from 'next-intl';

export function LabShipmentBlockedNotice() {
  const t = useTranslations('treatment');

  return (
    <div className="surface-card p-4 border border-amber-500/35 bg-amber-500/5">
      <div className="flex items-start gap-2">
        <AlertCircle className="h-4 w-4 text-amber-600 dark:text-amber-400 shrink-0 mt-0.5 icon-flat" />
        <div className="min-w-0 space-y-1">
          <h3 className="text-sm font-semibold text-text-primary">{t('labShipmentBlockedTitle')}</h3>
          <p className="text-xs text-text-muted">{t('labShipmentBlockedBody')}</p>
        </div>
      </div>
    </div>
  );
}