import { z } from "zod/v4";
import type { JSX } from "solid-js";
import type { ComponentMeta } from "../../meta";
export const SkeletonPropsSchema = z.object({
  visible: z.boolean().optional().describe("Whether the skeleton is visible (animating). Defaults to true."),
  circle: z.boolean().optional().describe("Render as a circle. Defaults to false."),
  width: z.string().optional().describe("Width in CSS units, e.g. '100px' or '50%'."),
  height: z.string().optional().describe("Height in CSS units, e.g. '20px' or '2rem'."),
});
export interface SkeletonProps extends z.infer<typeof SkeletonPropsSchema>, Omit<JSX.HTMLAttributes<HTMLDivElement>, keyof z.infer<typeof SkeletonPropsSchema>> { children?: JSX.Element; }
export const SkeletonMeta: ComponentMeta = {
  name: "Skeleton",
  description: "Placeholder loading indicator that mimics the shape of content being loaded",
  parts: ["Skeleton"] as const,
  requiredParts: ["Skeleton"] as const,
} as const;
