import { type ReactElement, type ComponentProps } from "react"
import { cn } from "@/lib/utils"

/**
 * Skeleton — WealthX Design System (shadcn base)
 *
 * Base: official shadcn skeleton (npx shadcn\@latest add skeleton)
 * WealthX override: removed rounded-md (sharp corners per design system)
 */
export type SkeletonProps = ComponentProps<"div">

function Skeleton({ className, ...props }: SkeletonProps): ReactElement {
  return (
    <div
      className={cn("animate-pulse bg-muted", className)}
      data-slot="skeleton"
      {...props}
    />
  )
}

export { Skeleton }
