import { LuSignature } from "react-icons/lu";

interface StyleProps {
  classStyle?: string;
}

const LoaderUi = ({ classStyle = '' }: StyleProps) => {
  return (
    <div className={`absolute inset-0 flex items-center justify-center z-50 ${classStyle}`}>
      {/* Overlay */}
      <div className="absolute inset-0 bg-black/30 opacity-60"></div>

      {/* Loader box */}
      <div className="relative z-10 bg-[var(--loaderBg)] flex flex-col justify-center items-center gap-2 px-16 py-8 rounded-md shadow-lg">
        <LuSignature className="text-4xl font-bold animate-text" />
        <p>Loading...!</p>
      </div>
    </div>
  );
};

export default LoaderUi;