import { cn } from "@/lib/utils";
import React from "react";
import { RiErrorWarningFill } from "react-icons/ri";

export default function AlertWarning({ text }) {
  return (
    <div className="my-20 w-[90%] m-auto">
      <div className="error-alert cursor-default flex items-center justify-between w-full h-12 sm:h-14 rounded-lg bg-main  text-white px-[10px] ">
        <div className="flex gap-2 items-center justify-center w-full">
          <div className="text-yellow-400 ">
            <RiErrorWarningFill size={30} />
          </div>
          <div>
            <p className=" text-lg">{text}</p>
          </div>
        </div>
      </div>
    </div>

    // <div role="alert" className={cn("bg-yellow-100 mt-10 xl:my-20 border-l-4 w-[80%] py-3 m-auto justify-center border-yellow-500 dark:border-yellow-700 text-yellow-900 dark:text-yellow-100 p-2  flex items-center transition duration-300 ease-in-out hover:bg-yellow-200 transform",
    //     className
    // )}>
    //     <RiErrorWarningFill className='h-5 w-5 flex-shrink-0 mr-2 text-yellow-600' />
    //     <p className="text-xs mx-2 text-center font-semibold">
    //         {text}
    //     </p>
    // </div>
  );
}
