import { cn } from "@/lib/utils"

interface SurrealSkeletonProps {
  className?: string
  variant?: "text" | "circular" | "rectangular"
}

export function SurrealSkeleton({ className, variant = "rectangular" }: SurrealSkeletonProps) {
  return (
    <div
      className={cn(
        "animate-pulse bg-secondary/70",
        {
          "h-4 w-full rounded": variant === "text",
          "rounded-full": variant === "circular",
          "rounded-lg": variant === "rectangular",
        },
        className,
      )}
    />
  )
}
