36 lines
1.1 KiB
TypeScript
36 lines
1.1 KiB
TypeScript
import TextCopyBlock from "@/components/TextCopyBlock";
|
|
import { AlertColors } from "@/config/siteConfig";
|
|
import { Script } from "@/lib/types";
|
|
import { cn } from "@/lib/utils";
|
|
import { AlertCircle, NotepadText } from "lucide-react";
|
|
|
|
type NoteProps = {
|
|
text: string;
|
|
type: keyof typeof AlertColors;
|
|
}
|
|
|
|
export default function Alerts({ item }: { item: Script }) {
|
|
return (
|
|
<>
|
|
{item?.notes?.length > 0 &&
|
|
item.notes.map((note: NoteProps, index: number) => (
|
|
<div key={index} className="mt-4 flex flex-col shadow-sm gap-2">
|
|
<p
|
|
className={cn(
|
|
"inline-flex items-center gap-2 rounded-lg border p-2 pl-4 text-sm",
|
|
AlertColors[note.type],
|
|
)}
|
|
>
|
|
{note.type == "info" ? (
|
|
<NotepadText className="h-4 min-h-4 w-4 min-w-4" />
|
|
) : (
|
|
<AlertCircle className="h-4 min-h-4 w-4 min-w-4" />
|
|
)}
|
|
<span>{TextCopyBlock(note.text)}</span>
|
|
</p>
|
|
</div>
|
|
))}
|
|
</>
|
|
);
|
|
}
|