All files / src/lib/uploads UploadWarningNotice.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { AlertTriangle } from "lucide-react";
 
interface UploadWarningNoticeProps {
  message: string;
}
 
/** Shared inline warning callout used in CSV upload/import status panels. */
export function UploadWarningNotice({ message }: UploadWarningNoticeProps) {
  return (
    <div
      role="alert"
      className="rounded-md border border-amber-500/50 bg-amber-500/10 px-2.5 py-2"
    >
      <div className="flex items-start gap-2">
        <AlertTriangle className="mt-0.5 h-3.5 w-3.5 shrink-0 text-amber-500 dark:text-amber-400" />
        <p className="text-sm leading-snug text-foreground whitespace-pre-wrap break-words">
          {message}
        </p>
      </div>
    </div>
  );
}