import { IFlashMessage } from "@/types";

export default function Alert({ flash }: { flash: IFlashMessage }) {
    return (
        <div>
            {flash.success && (
                <div className="max-w-7xl mx-auto sm:px-6 lg:px-8">
                    <div className="m-5 p-4 bg-green-200 text-green-800 rounded-md">
                        {flash.success}
                    </div>
                </div>
            )}

            {flash.error && (
                <div className="max-w-7xl mx-auto sm:px-6 lg:px-8">
                    <div className="m-5 p-4 bg-red-200 text-red-800 rounded-md">
                        {flash.error}
                    </div>
                </div>
            )}
        </div>
    );
}