import { type StyleProp, type ViewStyle } from "../../style/index.js";
export type Shape = "text" | "avatar" | "button" | "card" | "list" | "table";
export interface SkeletonSkin {
    /** Corner radius of a single muted line / text placeholder. */
    lineRadius: number;
    /** Corner radius of the button-shaped placeholder. */
    buttonRadius: number;
    /** Corner radius of the avatar placeholder (fully round). */
    avatarRadius: number;
    /** Corner radius of the card scaffold surface. */
    cardRadius: number;
}
export interface SkeletonProps {
    text?: boolean;
    avatar?: boolean;
    button?: boolean;
    card?: boolean;
    list?: boolean;
    table?: boolean;
    small?: boolean;
    large?: boolean;
    /** Subtle opacity pulse while content loads. */
    animate?: boolean;
    /**
     * Screen-reader label announced for the loading placeholder. Defaults to
     * "Loading". The placeholder carries a `progressbar` role + busy state so
     * assistive tech announces the pending content (matching Spinner / Progress).
     */
    accessibilityLabel?: string;
    /** E2E hook forwarded to the root element. */
    testID?: string;
    /** Outer layout composition only (width/flex within a parent), never a restyle hook. */
    style?: StyleProp<ViewStyle>;
}
export declare function createSkeleton(skin: SkeletonSkin): (props: SkeletonProps) => import("react").JSX.Element;
//# sourceMappingURL=skeleton.shared.d.ts.map