import React from "react";
import { type ButtonProps } from "../button";
import { type NoDataActionProps } from "./no-data-actions";
interface NoDataProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
    /** Leading glyph, sized to 16px (mobile) / 24px (md+). */
    icon?: React.ReactNode;
    /** Primary line. */
    title?: React.ReactNode;
    /** Secondary line. */
    description?: React.ReactNode;
    /** Clickable blocks. Dynamic count. Hidden when empty/omitted. */
    actions?: NoDataActionProps[];
    /** Footer button label. When set (and `button` is not), renders the button. */
    buttonLabel?: React.ReactNode;
    /** Leading icon for the footer button. */
    buttonIcon?: React.ReactNode;
    /** Click handler for the footer button. */
    onButtonClick?: ButtonProps["onClick"];
    /** Extra props forwarded to the footer button (variant, href, loading, …). */
    buttonProps?: Partial<ButtonProps>;
    /** Fully custom footer node; overrides the `buttonLabel`/`buttonIcon` path. */
    button?: React.ReactNode;
}
/**
 * A centered empty-state panel: a muted icon/title/description message, an
 * optional group of clickable blocks, and an optional footer button, stacked
 * vertically with breakpoint-aware spacing. Each region renders only when its
 * inputs are present, so the same component covers a bare message, a message
 * with a button, the full layout, and everything in between.
 */
declare const NoData: React.ForwardRefExoticComponent<NoDataProps & React.RefAttributes<HTMLDivElement>>;
export { NoData, type NoDataProps };
//# sourceMappingURL=no-data.d.ts.map