23 lines
666 B
TypeScript
23 lines
666 B
TypeScript
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;
|