import { cn } from "@/lib/utils"
import { HamsterLoader } from "@/components/ui/hamster-loader"

interface LoaderProps {
    text?: string
    className?: string
}

export const Loader = ({ text, className }: LoaderProps) => {
    return (
        <div className={cn("flex flex-col items-center justify-center", className)}>
            <HamsterLoader size="md" />
            {text && (
                <p className="mt-4 text-white text-base font-inter font-semibold">{text}</p>
            )}
        </div>
    )
}