awa-ui 0.3.0-alpha.3

import { twMerge } from "tailwind-merge"

export interface SkeletonProps extends React.ComponentProps<"div"> {
  soft?: boolean
}

export function Skeleton({ ref, soft = false, className, ...props }: SkeletonProps) {
  return (
    <div
      data-slot="skeleton"
      ref={ref}
      className={twMerge(
        "shrink-0 animate-pulse rounded-lg",
        soft ? "bg-muted-fg/20" : "bg-muted-fg/40",
        className,
      )}
      {...props}
    />
  )
}