import * as React from "react";
import type { SkeletonArticleProp, SkeletonAvatarProp, SkeletonButtonProp, SkeletonFormProp, SkeletonImageProp, SkeletonInputProp, SkeletonNodeProp, SkeletonProp } from "../../props/components/feedback.prop.js";
export type { SkeletonProp, SkeletonProp as SkeletonProps, SkeletonFormProp, SkeletonFormProp as SkeletonFormProps, SkeletonWidth, SkeletonArticleProp, SkeletonArticleProp as SkeletonArticleProps, SkeletonAvatarProp, SkeletonAvatarProp as SkeletonAvatarProps, SkeletonButtonProp, SkeletonButtonProp as SkeletonButtonProps, SkeletonInputProp, SkeletonInputProp as SkeletonInputProps, SkeletonNodeProp, SkeletonNodeProp as SkeletonNodeProps, SkeletonImageProp, SkeletonImageProp as SkeletonImageProps, } from "../../props/components/feedback.prop.js";
declare function SkeletonBlock({ active, loading, className, children, ...props }: SkeletonProp): React.JSX.Element;
/** Stands in for an `Avatar` — circle for a person, square for an entity mark. */
export declare function SkeletonAvatar({ size, shape, active, className }: SkeletonAvatarProp): React.JSX.Element;
/** Stands in for a `Button` — two control-heights wide, like antd's `controlHeight * 2`. */
export declare function SkeletonButton({ size, shape, block, active, className }: SkeletonButtonProp): React.JSX.Element;
/** Stands in for an `Input` — five control-heights wide, like antd's `controlHeight * 5`. */
export declare function SkeletonInput({ size, block, active, className }: SkeletonInputProp): React.JSX.Element;
/** A square placeholder for a media or custom slot; `children` centre inside it. */
export declare function SkeletonNode({ active, children, className }: SkeletonNodeProp): React.JSX.Element;
/** `SkeletonNode` carrying the image glyph — antd ships its own path; here it is the DS icon. */
export declare function SkeletonImage({ active, className }: SkeletonImageProp): React.JSX.Element;
/**
 * SkeletonArticle — antd's own `<Skeleton>` shape: an optional avatar beside a heading line and a
 * paragraph. Reach for it for a comment, a profile card or a feed item; `Skeleton` stays the bare
 * block, and `SkeletonRows` / `SkeletonTable` / `SkeletonDetail` / `SkeletonStat` stay the house
 * shapes for a list, a table, a record and a KPI tile.
 */
export declare function SkeletonArticle({ avatar, title, paragraph, round, active, loading, children, className, }: SkeletonArticleProp): React.JSX.Element;
/**
 * Skeleton — the placeholder BLOCK, and the namespace antd hangs its element presets on. The
 * statics are the antd spelling (`Skeleton.Button`); the same components are also named exports, so
 * a consumer importing `SkeletonButton` finds it in the catalog.
 */
export declare const Skeleton: typeof SkeletonBlock & {
    Avatar: typeof SkeletonAvatar;
    Button: typeof SkeletonButton;
    Input: typeof SkeletonInput;
    Node: typeof SkeletonNode;
    Image: typeof SkeletonImage;
    Article: typeof SkeletonArticle;
};
interface SkeletonRowsProps {
    rows?: number;
    columns?: number;
    className?: string;
}
/** Skeleton for a flat list of rows (use inside a Card or section). */
export declare function SkeletonRows({ rows, columns, className }: SkeletonRowsProps): React.JSX.Element;
/**
 * Skeleton of a `Form columns={N}` — label + control PAIRS on the form's own grid (gh#552).
 *
 * It renders through `ResponsiveGrid` with the SAME `columns` value the form takes, so the two
 * share one breakpoint ladder rather than two that agree today. `SkeletonRows` could get the column
 * count right and never the inside of a cell: a form field is a short label stacked on a full-width
 * control, and a flat line list is neither.
 */
export declare function SkeletonForm({ columns, fields, active, className }: SkeletonFormProp): React.JSX.Element;
/** Skeleton matching the DataTable layout — header row + N body rows. */
export declare function SkeletonTable({ rows, columns }: SkeletonRowsProps): React.JSX.Element;
/** Skeleton matching a Card detail layout — title + 6 metadata rows. */
export declare function SkeletonDetail(): React.JSX.Element;
/** Skeleton matching a stat card / dashboard tile. */
export declare function SkeletonStat(): React.JSX.Element;