22 lines
524 B
TypeScript
22 lines
524 B
TypeScript
"use client";
|
|
|
|
type NotificationType = "info" | "success" | "error";
|
|
|
|
interface NotificationProps {
|
|
message: string;
|
|
type?: NotificationType;
|
|
}
|
|
|
|
export default function Notification({ message, type = "info" }: NotificationProps) {
|
|
const colors: Record<NotificationType, string> = {
|
|
info: "bg-blue-100 text-blue-700",
|
|
success: "bg-green-100 text-green-700",
|
|
error: "bg-red-100 text-red-700",
|
|
};
|
|
|
|
return (
|
|
<div className={`px-4 py-2 rounded shadow ${colors[type]}`}>
|
|
{message}
|
|
</div>
|
|
);
|
|
} |