Skeleton

import * as React from "react"

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

/**
 * A placeholder block. Size it with classes to match the content it stands
 * in for, and put `aria-busy` on the region that is loading.
 */
function Skeleton({ className, ...props }: React.ComponentProps<"div">) {
  return (
    <div
      data-slot="skeleton"
      aria-hidden="true"
      className={cn("animate-pulse rounded-md bg-muted motion-reduce:animate-none", className)}
      {...props}
    />
  )
}

export { Skeleton }