import type { HTMLAttributes } from "react";
import { SkeletonProps as ChakraSkeleton, SkeletonTextProps } from "@chakra-ui/react";
type SkeletonOwnProps = Pick<ChakraSkeleton, "startColor" | "endColor" | "height" | "isLoaded" | "bg" | "color" | "fadeDuration" | "children" | "speed" | "size" | "mt" | "noOfLines" | "width"> & {
    /** isLoaded, children, bg, color, fadeDuration only apply to type="skeleton" — circle/text accept but silently ignore them. */
    type: "skeleton" | "circle" | "text";
    /** Corner radius for type="skeleton" (theme default when unset); circle/text ignore it. */
    borderRadius?: ChakraSkeleton["borderRadius"];
    /** @deprecated Never applied; wrap the skeleton in an element that sets it. */
    alignSelf?: ChakraSkeleton["alignSelf"];
    /** @deprecated Never applied; wrap the skeleton in an element that sets it. */
    flexShrink?: ChakraSkeleton["flexShrink"];
} & Partial<Pick<SkeletonTextProps, "spacing" | "skeletonHeight">>;
/** Closed style-prop list (no margin beyond `mt` on text); plain HTML attributes (id, className, data-*, aria-*) land on the rendered root. */
export type SkeletonProps = SkeletonOwnProps & Omit<HTMLAttributes<HTMLDivElement>, keyof SkeletonOwnProps | "dangerouslySetInnerHTML">;
export {};