import * as React from "react";
import type { SkeletonArticleProp, SkeletonFormProp, SkeletonInputProp, SkeletonProp } from "../../props/components/feedback.prop.js";
export type { SkeletonProp, SkeletonProp as SkeletonProps, SkeletonFormProp, SkeletonFormProp as SkeletonFormProps, SkeletonWidth, SkeletonArticleProp, SkeletonArticleProp as SkeletonArticleProps, SkeletonArticleAvatarProp, SkeletonInputProp, SkeletonInputProp as SkeletonInputProps, } from "../../props/components/feedback.prop.js";
declare function SkeletonBlock({ active, loading, className, children, ...props }: SkeletonProp): 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;
/**
 * 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 the presets hang off (`Skeleton.Input`,
 * `Skeleton.Article`, antd's spelling); the same components are also named exports.
 */
export declare const Skeleton: typeof SkeletonBlock & {
    Input: typeof SkeletonInput;
    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;