import * as React from "react";

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

/**
 * Skeleton — Loading 骨架
 *
 * local-tool 未提供此元件，雲端版提前補齊（shadcn 標準實作，極輕量）。
 *
 * 用於資料載入中的占位效果，避免 CLS（layout shift）。配合 Tailwind `animate-pulse`
 * 呈現閃爍。尺寸與圓角由使用端透過 className 指定（例如 h-4 w-24 rounded）。
 */
function Skeleton({ className, ...props }: React.ComponentProps<"div">) {
  return (
    <div
      data-slot="skeleton"
      className={cn("bg-muted animate-pulse rounded-md", className)}
      {...props}
    />
  );
}

export { Skeleton };