import * as React from 'react';
import type { LucideIcon } from 'lucide-react';
/**
 * Empty — 空狀態視覺元件
 *
 * 居中垂直堆疊:icon(Avatar) → title → description → action。
 * 所有 slot 皆可選,預設只需 description。
 *
 * 間距固定,不隨 density 變（Empty 是展示性元件,不是工作區域元件）:
 *   icon → text = mb-4（16px）
 *   desc → action = mt-6（24px）
 *   title → desc = `var(--item-gap-label-desc-reading-lg)`（reading-lg tier token,item-anatomy SSOT;bare `--item-gap-label-desc` 已 retire）
 *
 * Outer padding 由 consumer 容器決定(py-12 / py-6 / py-16 等）。
 */
export interface EmptyProps extends React.HTMLAttributes<HTMLDivElement> {
    /** LucideIcon → 自動包 Avatar 48px neutral;ReactElement → 原樣渲染 */
    icon?: LucideIcon | React.ReactElement;
    /** 標題(可選,font-medium,適用於首次引導) */
    title?: string;
    /** 說明文字 */
    description?: string;
    /** 行動按鈕(可選) */
    action?: React.ReactNode;
    /**
     * Disabled context(2026-06-03 加 — FileUpload disabled 等情境消費):title / description 轉
     * `text-fg-disabled`(語意 disabled token,非 opacity)。icon glyph 也 → fg-disabled(icon 是文字一環);icon-circle bg 維持 muted。
     * 預設 false,不影響既有 consumer。
     */
    disabled?: boolean;
}
declare const Empty: React.ForwardRefExoticComponent<EmptyProps & React.RefAttributes<HTMLDivElement>>;
export declare const emptyMeta: {
    readonly component: "Empty";
    readonly family: null;
    readonly variants: {};
    readonly sizes: {};
    readonly states: readonly ["default", "disabled"];
    readonly tokens: {
        readonly bg: readonly [];
        readonly fg: readonly ["text-fg-muted", "text-fg-secondary", "text-foreground", "text-fg-disabled"];
        readonly ring: readonly [];
    };
};
export { Empty };
//# sourceMappingURL=empty.d.ts.map