'use client';

interface ToastProps {
    type: "success" | "error" | "warning" | "info";
    message: string;
}

export function Toast({ type, message }: ToastProps) {
    const styles = {
        success: "bg-green-50 border-green-200 text-green-700",

        error: "bg-red-50 border-red-200 text-red-700",

        warning: "bg-amber-50 border-amber-200 text-amber-700",

        info: "bg-blue-50 border-blue-200 text-blue-700"
    };

    return (
        <div
            className={`
        mb-4
        rounded-xl
        border
        px-4
        py-3
        ${styles[type]}
      `}
        >
            {message}
        </div>
    );
}