@cloudtower/eagle 0.0.0-testid-rc-0 → 0.0.0-theme-rc-1

package/dist/stories/docs/cascader/cascader.stories.d.ts

@@ -0,0 +1,62 @@
+import { Cascader } from "../../../src/core/Cascader";
+import { CascaderProps } from "../../../src/core/Cascader/cascader.type";
+import type { StoryObj } from "@storybook/react";
+import React from "react";
+/**
+ * * antd5 组件
+ * * 更多 props 请参考：https://ant.design/components/cascader-cn#api
+ * * 自定义 props 已在表格进行说明
+ *
+ */
+declare const meta: {
+    component: React.FC<CascaderProps>;
+    title: "Core/Cascader | 级联组件";
+    args: {
+        options: {
+            value: string;
+            label: string;
+            children: {
+                value: string;
+                label: string;
+            }[];
+        }[];
+    };
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Cascader>;
+/**
+ * 注意： 全选需要自行封装相关实现， 非组件默认行为
+ */
+export declare const Size: Story;
+/**
+ * 需要展示空白状态时，可以通过 NotData 来处理。
+ */
+export declare const Empty: Story;
+/**
+ * NotData 同样可以接受 React.ReactNode 类型，来自定义空白状态里的内容。例如常见的加载失败。
+ */
+export declare const FetchError: Story;
+/**
+ * UI-KIT 同时提供了 CascaderDoubleRowOption 组件，当需要使用 double row 时，可以自行封装
+ *
+ * option 中的 label 如果是 ReactNode 的情况下，可以通过 label[0].props 获取到一些额外自定义在组件上的属性来进一步处理。例如示例中的 data-label-text
+ */
+export declare const DoubleRow: Story;
+/**
+ * 通过 children 来覆盖 cascader 自带的 input 组件
+ */
+export declare const FilterIcon: Story;
+/**
+ * 示例： 根据数据中心分级，选择多个集群
+ */
+export declare const Multiple: Story;
+/**
+ * 示例：根据可用域分级，筛选主机
+ */
+export declare const Filter: Story;

package/dist/stories/docs/color/effect.stories.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const DesignSystemEffects: () => React.JSX.Element;

package/dist/stories/docs/core/AccordionCard.stories.d.ts

@@ -0,0 +1,7 @@
+import AccordionCard from "../../../src/core/AccordionCard";
+import type { Meta, StoryObj } from "@storybook/react";
+declare const meta: Meta<typeof AccordionCard>;
+export default meta;
+type Story = StoryObj<typeof AccordionCard>;
+export declare const FunctionHeader: Story;
+export declare const HeaderWithCloseIcon: Story;

package/dist/stories/docs/core/Alert.stories.d.ts

@@ -0,0 +1,121 @@
+import Alert from "../../../src/core/Alert";
+import type { StoryObj } from "@storybook/react";
+/**
+ * 提示框组件，基于 antd Alert 封装。
+ *
+ * * 支持 info / error / warning / success / normal 五种类型
+ * * 支持 action、closable、expandConfig 等功能
+ * * 更多 props 请参考：https://ant.design/components/alert-cn#api
+ */
+declare const meta: {
+    component: import("../../../src/core/Alert").AlertComponentType;
+    title: "Core/Alert | 提示框";
+    argTypes: {
+        type: {
+            control: string;
+            options: string[];
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        message: {
+            control: string;
+            description: string;
+        };
+        description: {
+            control: string;
+            description: string;
+        };
+        showIcon: {
+            control: string;
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        closable: {
+            control: string;
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        expandConfig: {
+            control: boolean;
+            description: string;
+        };
+        action: {
+            control: boolean;
+            description: string;
+        };
+        "data-testid": {
+            control: string;
+            description: string;
+        };
+    };
+    args: {
+        type: "info";
+        message: string;
+        showIcon: true;
+        closable: false;
+    };
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Alert>;
+/**
+ * 通过下方 Controls 面板调整各 Props 查看效果。
+ */
+export declare const Playground: Story;
+/**
+ * 五种类型：info、error、warning、success、normal。
+ */
+export declare const Basic: Story;
+/**
+ * 通过 `action` 属性在右侧添加操作区域。
+ */
+export declare const WithAction: Story;
+/**
+ * 通过 `closable` 或 `onClose` 启用关闭按钮。
+ */
+export declare const Closable: Story;
+/**
+ * 同时使用 `closable` 和 `action`。
+ */
+export declare const ClosableWithAction: Story;
+/**
+ * `message` 支持传入 ReactNode，可自定义复杂内容。
+ */
+export declare const CustomMessage: Story;
+/**
+ * 通过 `expandConfig` 启用展开/收起功能，`description` 内容会被折叠。
+ *
+ * * `expandConfig={{}}` — 非受控模式，默认收起
+ * * `expandConfig={{ defaultExpanded: true }}` — 非受控模式，默认展开
+ * * `expandConfig={{ expanded, onExpandChange }}` — 受控模式
+ */
+export declare const Expandable: Story;
+/**
+ * 设置 `defaultExpanded: true` 使组件初始即为展开状态。
+ */
+export declare const ExpandableDefaultExpanded: Story;
+/**
+ * 通过 `expanded` 和 `onExpandChange` 实现受控模式。
+ */
+export declare const ExpandableControlled: Story;
+/**
+ * `expandConfig` 与 `action` 可同时使用。
+ */
+export declare const ExpandableWithAction: Story;

package/dist/stories/docs/core/Antd5Anchor.stories.d.ts

@@ -0,0 +1,13 @@
+import { Antd5AnchorProps } from "../../../src/core";
+import { Meta, StoryObj } from "@storybook/react";
+import React from "react";
+type Story = StoryObj<React.FC<Antd5AnchorProps>>;
+/**
+ * Antd5Anchor 是 antd5 的 Anchor 组件。
+ *
+ * 详细用法参考：https://ant.design/components/anchor-cn
+ * API 保持一致
+ */
+declare const meta: Meta<React.FC<Antd5AnchorProps>>;
+export default meta;
+export declare const Basic: Story;

package/dist/stories/docs/core/Antd5Dropdown.stories.d.ts

@@ -0,0 +1,12 @@
+import { Antd5DropdownProps } from "../../../src/core";
+import { Meta, StoryObj } from "@storybook/react";
+import React from "react";
+type Story = StoryObj<React.FC<Antd5DropdownProps>>;
+/**
+ * 本Dropdown是 antd5 的 Dropdown 组件。
+ *
+ * 详细用法参考：https://ant.design/components/dropdown-cn
+ */
+declare const meta: Meta<React.FC<Antd5DropdownProps>>;
+export default meta;
+export declare const Basic: Story;

package/dist/stories/docs/core/Antd5Tree.stories.d.ts

@@ -0,0 +1,48 @@
+import { Antd5TreeProps } from "../../../src/core";
+import type { StoryObj } from "@storybook/react";
+import React from "react";
+/**
+ * * Antd5Tree 组件
+ * * 基于 antd5 的 Tree 组件封装
+ * * 支持树形结构的展示、选择、展开等功能
+ * * 更多 props 请参考：https://ant.design/components/tree-cn#API
+ */
+declare const meta: {
+    component: (<T extends import("rc-tree").BasicDataNode | import("antd5").TreeDataNode = import("antd5").TreeDataNode>(props: import("antd5").TreeProps<T> & {
+        children?: React.ReactNode;
+    } & React.RefAttributes<import("rc-tree/lib/Tree").default<import("antd5").TreeDataNode>>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
+        TreeNode: React.FC<import("rc-tree").TreeNodeProps<import("antd5").TreeDataNode>>;
+        DirectoryTree: (<T_1 extends import("rc-tree").BasicDataNode | import("antd5").TreeDataNode = import("antd5").TreeDataNode>(props: import("antd5/es/tree").DirectoryTreeProps<T_1> & {
+            children?: React.ReactNode;
+        } & React.RefAttributes<import("rc-tree/lib/Tree").default<import("antd5").TreeDataNode>>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Pick<React.FC<{}>, "displayName">;
+    };
+    title: "Core/Antd5Tree | 树形控件";
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<Antd5TreeProps>;
+/**
+ * 基础用法
+ */
+export declare const Basic: Story;
+/**
+ * 可选择节点
+ */
+export declare const Checkable: Story;
+/**
+ * 对照正常、叶子节点禁用和整树禁用时的勾选联动。
+ */
+export declare const DisabledCheckboxStates: Story;
+/**
+ * 默认展开部分节点
+ */
+export declare const DefaultExpanded: Story;
+/**
+ * 使用 TreeNode 组件手动构建树
+ */
+export declare const TreeNodeUsage: Story;

package/dist/stories/docs/core/Arch.stories.d.ts

@@ -0,0 +1,21 @@
+import { Architecture } from "../../../src/core/Arch";
+import React from "react";
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, {
+    architecture?: Architecture | undefined;
+    "data-testid"?: string | undefined;
+} & {
+    children?: React.ReactNode;
+}>;
+export default _default;
+export declare const Aarch64: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {
+    architecture?: Architecture | undefined;
+    "data-testid"?: string | undefined;
+} & {
+    children?: React.ReactNode;
+}>;
+export declare const X86_64: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {
+    architecture?: Architecture | undefined;
+    "data-testid"?: string | undefined;
+} & {
+    children?: React.ReactNode;
+}>;

package/dist/stories/docs/core/AutoComplete.stories.d.ts

@@ -0,0 +1,43 @@
+import { AutoComplete } from "../../../src/core/AutoComplete";
+import type { StoryObj } from "@storybook/react";
+import React from "react";
+/**
+ * AutoComplete 组件是基于 antd AutoComplete 的封装，提供了自动完成输入功能。
+ *
+ * ### 参数说明
+ *
+ * | 参数 | 说明 | 类型 | 默认值 |
+ * | --- | --- | --- | --- |
+ * | value | 指定当前输入的值 | string | - |
+ * | defaultValue | 指定默认输入的值 | string | - |
+ * | options | 自动完成的数据源 | { value: string; label: string }[] | - |
+ * | placeholder | 输入框提示文本 | string | - |
+ * | disabled | 是否禁用 | boolean | false |
+ * | onChange | 输入值变化时的回调 | function(value) | - |
+ * | onSelect | 选中选项时的回调 | function(value, option) | - |
+ *
+ * 更多属性请参考 antd AutoComplete 组件文档
+ */
+declare const meta: {
+    component: React.FC<import("antd5").AutoCompleteProps<any, import("antd5/es/select").DefaultOptionType> & {
+        "data-testid"?: string | undefined;
+    }>;
+    title: "Core/AutoComplete | 自动完成";
+    args: {
+        placeholder: string;
+        options: {
+            value: string;
+            label: string;
+        }[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof AutoComplete>;
+/**
+ * AutoComplete 组件的基础用法，支持输入时自动匹配并显示相关选项。
+ */
+export declare const Basic: Story;
+/**
+ * 禁用状态下，输入框不可编辑。
+ */
+export declare const Disabled: Story;

package/dist/stories/docs/core/Avatar.stories.d.ts

@@ -0,0 +1,13 @@
+import Avatar from "../../../src/core/Avatar";
+import { Meta, StoryObj } from "@storybook/react";
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof Avatar>;
+/**
+ * 用来代表用户或事物
+ */
+export declare const Basic: Story;
+/**
+ * 默认支持两种背景色 'light-blue' 和 'dark-blue'，也可以传递自定义的背景色
+ */
+export declare const Background: Story;

package/dist/stories/docs/core/Banner.stories.d.ts

@@ -0,0 +1,53 @@
+import { Banner } from "../../../src/core/Banner";
+import { StoryObj } from "@storybook/react";
+import React from "react";
+/**
+ * * Banner 组件
+ * * 用于在页面顶部显示重要的系统通知或警告信息
+ * * 支持三种不同类型：错误(error)、信息(info)和警告(warning)
+ * * 可配置按钮文本和点击事件
+ */
+declare const meta: {
+    title: string;
+    component: React.FC<import("../../../src/core/Banner/banner.types").BannerProps>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof Banner>;
+/**
+ * 错误类型横幅
+ * 用于显示系统错误、严重问题或操作失败等紧急信息
+ */
+export declare const Error: Story;
+/**
+ * 信息类型横幅
+ * 用于显示一般性的系统通知或提示信息
+ */
+export declare const Info: Story;
+/**
+ * 警告类型横幅
+ * 用于显示需要用户注意的警告信息
+ */
+export declare const Warning: Story;
+/**
+ * 无按钮横幅
+ * 展示不带操作按钮的纯通知横幅
+ */
+export declare const WithoutButton: Story;
+/**
+ * 长文本横幅
+ * 展示包含较长文本内容的横幅
+ */
+export declare const LongMessage: Story;
+/**
+ * 自定义样式
+ * 展示如何为Banner添加自定义样式
+ */
+export declare const CustomStyle: Story;

package/dist/stories/docs/core/BaseIcon.stories.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("../../../src/core/BaseIcon").IBaseIconProps & React.RefAttributes<HTMLSpanElement>>;
+export default _default;
+export declare const Primary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../../src/core/BaseIcon").IBaseIconProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/stories/docs/core/BasicCTError.stories.d.ts

@@ -0,0 +1,47 @@
+import { BasicCTError } from "../../../src/core/BasicCTError";
+import { Meta, StoryObj } from "@storybook/react";
+/**
+ *  BasicCTError 用于接受 cloudtower 通用错误并解析
+ *
+ * - 支持多种错误格式（Axios 错误、服务端响应错误等）
+ * - 内置 i18n 支持
+ * - 支持自定义容器和详情渲染器
+ */
+declare const meta: Meta<typeof BasicCTError>;
+export default meta;
+type Story = StoryObj<typeof BasicCTError>;
+/**
+ * 基本用法 - 显示简单的错误消息
+ *
+ * 传入一个简单的 Error 对象，组件会自动提取并显示错误消息。
+ */
+export declare const Basic: Story;
+/**
+ * 显示来自服务端的结构化错误，传入一个包含错误代码和消息的服务端响应错误对象，组件会自动提取并显示错误消息。
+ */
+export declare const ServerError: Story;
+/**
+ * 多条错误 - 显示包含多个错误详情的错误
+ */
+export declare const MultipleErrors: Story;
+/**
+ * Axios 请求错误
+ */
+export declare const NetworkError: Story;
+/**
+ * 自定义容器渲染器
+ */
+export declare const CustomContainer: Story;
+/**
+ * 自定义错误详情渲染器
+ */
+export declare const CustomErrorDetail: Story;
+/**
+ * 空错误处理
+ * 当传入 null 或 undefined 时，组件会自动处理并显示默认信息。
+ */
+export declare const EmptyError: Story;
+/**
+ * 可以通过 ConfigProvider 配置 i18n 命名空间和组件 options 配置 i18n 的命名空间。 优先使用组件 options 配置的命名空间。都不配置时，默认使用 CTError 命名空间。
+ */
+export declare const Intl: Story;

package/dist/stories/docs/core/Bit.stories.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("../../../src").RawValue & {
+    emptyProps?: import("../../../src").IEmptyProps | undefined;
+    "data-testid"?: string | undefined;
+} & {
+    children?: React.ReactNode;
+}>;
+export default _default;
+export declare const Simple: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../../src").RawValue & {
+    emptyProps?: import("../../../src").IEmptyProps | undefined;
+    "data-testid"?: string | undefined;
+} & {
+    children?: React.ReactNode;
+}>;
+export declare const Empty: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../../src").RawValue & {
+    emptyProps?: import("../../../src").IEmptyProps | undefined;
+    "data-testid"?: string | undefined;
+} & {
+    children?: React.ReactNode;
+}>;

package/dist/stories/docs/core/BitPerSecond.stories.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("../../../src").RawValue & {
+    emptyProps?: import("../../../src").IEmptyProps | undefined;
+    "data-testid"?: string | undefined;
+} & {
+    children?: React.ReactNode;
+}>;
+export default _default;
+export declare const Simple: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../../src").RawValue & {
+    emptyProps?: import("../../../src").IEmptyProps | undefined;
+    "data-testid"?: string | undefined;
+} & {
+    children?: React.ReactNode;
+}>;
+export declare const Empty: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../../src").RawValue & {
+    emptyProps?: import("../../../src").IEmptyProps | undefined;
+    "data-testid"?: string | undefined;
+} & {
+    children?: React.ReactNode;
+}>;

package/dist/stories/docs/core/BlankState.stories.d.ts

@@ -0,0 +1,43 @@
+import BlankState from "../../../src/core/BlankState";
+import { StoryObj } from "@storybook/react";
+import React from "react";
+declare const meta: {
+    component: ({ className, style, width, height, title, description, action, backgroundColor, size, "data-testid": dataTestId, }: import("../../../src/core/BlankState/type").IBlankStateProps) => React.JSX.Element;
+    title: "Core/BlankState | 空白状态";
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof BlankState>;
+/**
+ * 基础用法
+ */
+export declare const DefaultMediumBlankState: Story;
+/**
+ * Large size
+ */
+export declare const LargeBlankState: Story;
+/**
+ * Large size 指定宽度 200px
+ */
+export declare const LargeBlankStateWithSpecifyContainer: Story;
+/**
+ * Small size
+ */
+export declare const SmallBlankState: Story;
+/**
+ * Area size with gray background
+ */
+export declare const AreaBlankState: Story;
+/**
+ * Area size with white background
+ */
+export declare const AreaBlankStateWithWhiteBackground: Story;
+/**
+ * XSmall size 不含描述
+ */
+export declare const XSmallBlankState: Story;

package/dist/stories/docs/core/Bps.stories.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("../../../src").RawValue & {
+    emptyProps?: import("../../../src").IEmptyProps | undefined;
+    "data-testid"?: string | undefined;
+} & {
+    children?: React.ReactNode;
+}>;
+export default _default;
+export declare const Simple: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../../src").RawValue & {
+    emptyProps?: import("../../../src").IEmptyProps | undefined;
+    "data-testid"?: string | undefined;
+} & {
+    children?: React.ReactNode;
+}>;
+export declare const Empty: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../../src").RawValue & {
+    emptyProps?: import("../../../src").IEmptyProps | undefined;
+    "data-testid"?: string | undefined;
+} & {
+    children?: React.ReactNode;
+}>;

package/dist/stories/docs/core/Breadcrumb.stories.d.ts

@@ -0,0 +1,6 @@
+import Breadcrumb from "../../../src/core/Breadcrumb";
+import type { Meta, StoryObj } from "@storybook/react";
+declare const meta: Meta<typeof Breadcrumb>;
+export default meta;
+type Story = StoryObj<typeof Breadcrumb>;
+export declare const Demo: Story;

package/dist/stories/docs/core/Button.stories.d.ts

@@ -0,0 +1,34 @@
+import Button from "../../../src/core/Button";
+import { Meta, StoryObj } from "@storybook/react";
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Basic: Story;
+/**
+ *      为了避免与 suffixIcon 和 prefixIcon 属性混淆使用，移除了 icon
+        属性。如果您需要单独的图标按钮，请使用 suffixIcon 或 prefixIcon
+        属性，并且不需要传递 children。
+ */
+export declare const Rounded: Story;
+/**
+ *   children 结构稍微复杂的情况，比如在 children 组合使用 Icon +
+    text，需要使用者自己保证 Icon 和文字的间距
+ */
+export declare const CustomChildren: Story;
+/**
+ *  * 当 type 传入 'link'时，会呈现为超链接文本的形式
+ * * 不建议通过 type='link' 的形式使用 button 来实现超链接的效果，应该使用  Link 组件
+ * * 这里仅对已有的用法进行展示
+ */
+export declare const Link: Story;
+/**
+ * * 禁用按钮示例
+ * * 当 disabled 设置为 true 时，按钮将变为禁用状态
+ * * 禁用状态下按钮不可点击，且样式会有相应变化
+ */
+export declare const Disabled: Story;
+/**
+ * 按钮有三种尺寸：large、middle、small
+ * 可以在不同场景下选择合适的按钮尺寸
+ */
+export declare const ButtonSizes: Story;

package/dist/stories/docs/core/Byte.stories.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("../../../src").RawValue & {
+    emptyProps?: import("../../../src").IEmptyProps | undefined;
+    "data-testid"?: string | undefined;
+} & {
+    children?: React.ReactNode;
+}>;
+export default _default;
+export declare const Simple: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../../src").RawValue & {
+    emptyProps?: import("../../../src").IEmptyProps | undefined;
+    "data-testid"?: string | undefined;
+} & {
+    children?: React.ReactNode;
+}>;
+export declare const Empty: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../../src").RawValue & {
+    emptyProps?: import("../../../src").IEmptyProps | undefined;
+    "data-testid"?: string | undefined;
+} & {
+    children?: React.ReactNode;
+}>;

package/dist/stories/docs/core/BytePerSecond.stories.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("../../../src").RawValue & {
+    emptyProps?: import("../../../src").IEmptyProps | undefined;
+    "data-testid"?: string | undefined;
+} & {
+    children?: React.ReactNode;
+}>;
+export default _default;
+export declare const Simple: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../../src").RawValue & {
+    emptyProps?: import("../../../src").IEmptyProps | undefined;
+    "data-testid"?: string | undefined;
+} & {
+    children?: React.ReactNode;
+}>;
+export declare const Empty: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../../src").RawValue & {
+    emptyProps?: import("../../../src").IEmptyProps | undefined;
+    "data-testid"?: string | undefined;
+} & {
+    children?: React.ReactNode;
+}>;