@wonderflow/react-components/dist/components/modal/modal.stories.d.ts

UI components from Wonderflow's Wanda design system

/// <reference types="react" />
import { ComponentMeta, ComponentStory } from '@storybook/react';
import { Modal } from './modal';
declare const story: ComponentMeta<typeof Modal>;
export default story;
export declare const Default: ComponentStory<import("react").ForwardRefExoticComponent<import("./modal").ModalProps> & {
    Header: import("./header/modal-header").ModalHeaderComponent;
    Content: import("./content/modal-content").ModalContentComponent;
    Footer: import("./footer/modal-footer").ModalFooterComponent;
}>;
export declare const Inverse: ComponentStory<import("react").ForwardRefExoticComponent<import("./modal").ModalProps> & {
    Header: import("./header/modal-header").ModalHeaderComponent;
    Content: import("./content/modal-content").ModalContentComponent;
    Footer: import("./footer/modal-footer").ModalFooterComponent;
}>;
export declare const LoadingContent: ComponentStory<import("react").ForwardRefExoticComponent<import("./modal").ModalProps> & {
    Header: import("./header/modal-header").ModalHeaderComponent;
    Content: import("./content/modal-content").ModalContentComponent;
    Footer: import("./footer/modal-footer").ModalFooterComponent;
}>;
export declare const Confirmation: ComponentStory<import("react").ForwardRefExoticComponent<import("./modal").ModalProps> & {
    Header: import("./header/modal-header").ModalHeaderComponent;
    Content: import("./content/modal-content").ModalContentComponent;
    Footer: import("./footer/modal-footer").ModalFooterComponent;
}>;
export declare const WithSimpleForm: ComponentStory<import("react").ForwardRefExoticComponent<import("./modal").ModalProps> & {
    Header: import("./header/modal-header").ModalHeaderComponent;
    Content: import("./content/modal-content").ModalContentComponent;
    Footer: import("./footer/modal-footer").ModalFooterComponent;
}>;
export declare const WithComplexForm: ComponentStory<import("react").ForwardRefExoticComponent<import("./modal").ModalProps> & {
    Header: import("./header/modal-header").ModalHeaderComponent;
    Content: import("./content/modal-content").ModalContentComponent;
    Footer: import("./footer/modal-footer").ModalFooterComponent;
}>;
export declare const WithThirdAction: ComponentStory<import("react").ForwardRefExoticComponent<import("./modal").ModalProps> & {
    Header: import("./header/modal-header").ModalHeaderComponent;
    Content: import("./content/modal-content").ModalContentComponent;
    Footer: import("./footer/modal-footer").ModalFooterComponent;
}>;
export declare const WithAList: ComponentStory<import("react").ForwardRefExoticComponent<import("./modal").ModalProps> & {
    Header: import("./header/modal-header").ModalHeaderComponent;
    Content: import("./content/modal-content").ModalContentComponent;
    Footer: import("./footer/modal-footer").ModalFooterComponent;
}>;
export declare const WithImage: ComponentStory<import("react").ForwardRefExoticComponent<import("./modal").ModalProps> & {
    Header: import("./header/modal-header").ModalHeaderComponent;
    Content: import("./content/modal-content").ModalContentComponent;
    Footer: import("./footer/modal-footer").ModalFooterComponent;
}>;
export declare const WithTabs: ComponentStory<import("react").ForwardRefExoticComponent<import("./modal").ModalProps> & {
    Header: import("./header/modal-header").ModalHeaderComponent;
    Content: import("./content/modal-content").ModalContentComponent;
    Footer: import("./footer/modal-footer").ModalFooterComponent;
}>;
export declare const withNestedElements: ComponentStory<import("react").ForwardRefExoticComponent<import("./modal").ModalProps> & {
    Header: import("./header/modal-header").ModalHeaderComponent;
    Content: import("./content/modal-content").ModalContentComponent;
    Footer: import("./footer/modal-footer").ModalFooterComponent;
}>;
export declare const withDisclosure: ComponentStory<import("react").ForwardRefExoticComponent<import("./modal").ModalProps> & {
    Header: import("./header/modal-header").ModalHeaderComponent;
    Content: import("./content/modal-content").ModalContentComponent;
    Footer: import("./footer/modal-footer").ModalFooterComponent;
}>;
export declare const withHeroIcon: ComponentStory<import("react").ForwardRefExoticComponent<import("./modal").ModalProps> & {
    Header: import("./header/modal-header").ModalHeaderComponent;
    Content: import("./content/modal-content").ModalContentComponent;
    Footer: import("./footer/modal-footer").ModalFooterComponent;
}>;
export declare const Custom: ComponentStory<import("react").ForwardRefExoticComponent<import("./modal").ModalProps> & {
    Header: import("./header/modal-header").ModalHeaderComponent;
    Content: import("./content/modal-content").ModalContentComponent;
    Footer: import("./footer/modal-footer").ModalFooterComponent;
}>;
//# sourceMappingURL=modal.stories.d.ts.map