import React from "react";
declare const _default: {
    title: string;
    component: ({ title, titleSize, headerSize, headerAlignItems, headerDescription, headerButtonText, hasHeaderDropdown, hasHeaderBackButton, list, hasBadge, badgeText, hasTitleBadgeBetween, hasHeader, hasHeaderBackground, hasHeaderBorder, hasRounded, hasBorder, hasShadow, headerImage, headerRightContent, dropdownList, dropdownWidth, accordionList, boxSize, hasHeaderButton, headerButtonWidth, hasHeaderPrimaryButton, headerPrimaryButtonAction, headerPrimaryButtonText, headerPrimaryButtonIcon, headerPrimaryButtonSize, content, hasNoContentSidePadding, middleTitle, status, subcategoryList, hasCategoryLayout, hasTwoColumnHeader, hasDragHandle, hasDisableSubcategorySort, dragHandleProps, headerButtonAction, onHeaderBack, onHeaderClick, onSubcategoryReorder, customColumnSpan }: import("../props").DescriptionCard) => React.JSX.Element;
    tags: string[];
    argTypes: {
        title: {
            control: string;
        };
        titleSize: {
            control: string;
            options: readonly ["md", "lg"];
        };
        headerDescription: {
            control: string;
        };
        headerSize: {
            control: string;
            options: readonly ["small", "medium"];
        };
        headerAlignItems: {
            control: string;
            options: readonly ["center", "flex-start"];
            description: string;
        };
        hasBadge: {
            control: string;
        };
        hasTitleBadgeBetween: {
            control: string;
            description: string;
        };
        badgeText: {
            control: string;
        };
        hasHeader: {
            control: string;
        };
        hasHeaderBackground: {
            control: string;
        };
        hasHeaderBorder: {
            control: string;
        };
        hasHeaderBackButton: {
            control: string;
        };
        hasCategoryLayout: {
            control: string;
            description: string;
        };
        hasRounded: {
            control: string;
        };
        hasBorder: {
            control: string;
        };
        hasShadow: {
            control: string;
            description: string;
        };
        hasDragHandle: {
            control: string;
            description: string;
        };
        hasDisableSubcategorySort: {
            control: string;
            description: string;
        };
        hasTwoColumnHeader: {
            control: string;
            description: string;
        };
        hasHeaderButton: {
            control: string;
        };
        hasHeaderDropdown: {
            control: string;
        };
        hasHeaderPrimaryButton: {
            control: string;
        };
        headerPrimaryButtonSize: {
            control: string;
            options: string[];
        };
        headerPrimaryButtonIcon: {
            control: string;
            options: string[];
        };
        hasNoContentSidePadding: {
            control: string;
        };
        boxSize: {
            control: string;
        };
        status: {
            control: string;
        };
    };
};
export default _default;
export declare const Default: {
    args: {
        title: string;
        titleSize: "md";
        headerSize: "small";
        headerAlignItems: "center";
        hasBadge: boolean;
        badgeText: string;
        hasHeaderDropdown: boolean;
        hasHeaderBackButton: boolean;
        headerButtonText: string;
        list: {
            display: string;
            title: string;
        }[];
        hasHeader: boolean;
        hasHeaderBackground: boolean;
        hasHeaderBorder: boolean;
        hasRounded: boolean;
        hasBorder: boolean;
        hasShadow: boolean;
        hasHeaderButton: boolean;
        headerButtonWidth: any;
        hasHeaderPrimaryButton: boolean;
        headerPrimaryButtonText: string;
        headerPrimaryButtonIcon: any;
        headerPrimaryButtonSize: "xsmall";
        headerPrimaryButtonAction: () => void;
        headerButtonAction: () => void;
        boxSize: number;
        customColumnSpan: {
            0: number;
        };
        dropdownList: {
            name: string;
            component: ({ children }: any) => React.JSX.Element;
        }[];
        dropdownWidth: string;
        headerImage: React.JSX.Element;
        content: any;
        hasNoContentSidePadding: boolean;
        middleTitle: any;
        status: any;
        subcategoryList: any[];
        hasCategoryLayout: boolean;
        hasTwoColumnHeader: boolean;
        hasDragHandle: boolean;
        hasDisableSubcategorySort: boolean;
    };
};
export declare const WithBadge: {
    args: {
        hasBadge: boolean;
        badgeText: string;
        title: string;
        titleSize: "md";
        headerSize: "small";
        headerAlignItems: "center";
        hasHeaderDropdown: boolean;
        hasHeaderBackButton: boolean;
        headerButtonText: string;
        list: {
            display: string;
            title: string;
        }[];
        hasHeader: boolean;
        hasHeaderBackground: boolean;
        hasHeaderBorder: boolean;
        hasRounded: boolean;
        hasBorder: boolean;
        hasShadow: boolean;
        hasHeaderButton: boolean;
        headerButtonWidth: any;
        hasHeaderPrimaryButton: boolean;
        headerPrimaryButtonText: string;
        headerPrimaryButtonIcon: any;
        headerPrimaryButtonSize: "xsmall";
        headerPrimaryButtonAction: () => void;
        headerButtonAction: () => void;
        boxSize: number;
        customColumnSpan: {
            0: number;
        };
        dropdownList: {
            name: string;
            component: ({ children }: any) => React.JSX.Element;
        }[];
        dropdownWidth: string;
        headerImage: React.JSX.Element;
        content: any;
        hasNoContentSidePadding: boolean;
        middleTitle: any;
        status: any;
        subcategoryList: any[];
        hasCategoryLayout: boolean;
        hasTwoColumnHeader: boolean;
        hasDragHandle: boolean;
        hasDisableSubcategorySort: boolean;
    };
};
export declare const WithTitleBadgeBetween: {
    name: string;
    args: {
        headerImage: any;
        list: any[];
        hasBadge: boolean;
        badgeText: string;
        hasTitleBadgeBetween: boolean;
        title: string;
        titleSize: "md";
        headerSize: "small";
        headerAlignItems: "center";
        hasHeaderDropdown: boolean;
        hasHeaderBackButton: boolean;
        headerButtonText: string;
        hasHeader: boolean;
        hasHeaderBackground: boolean;
        hasHeaderBorder: boolean;
        hasRounded: boolean;
        hasBorder: boolean;
        hasShadow: boolean;
        hasHeaderButton: boolean;
        headerButtonWidth: any;
        hasHeaderPrimaryButton: boolean;
        headerPrimaryButtonText: string;
        headerPrimaryButtonIcon: any;
        headerPrimaryButtonSize: "xsmall";
        headerPrimaryButtonAction: () => void;
        headerButtonAction: () => void;
        boxSize: number;
        customColumnSpan: {
            0: number;
        };
        dropdownList: {
            name: string;
            component: ({ children }: any) => React.JSX.Element;
        }[];
        dropdownWidth: string;
        content: any;
        hasNoContentSidePadding: boolean;
        middleTitle: any;
        status: any;
        subcategoryList: any[];
        hasCategoryLayout: boolean;
        hasTwoColumnHeader: boolean;
        hasDragHandle: boolean;
        hasDisableSubcategorySort: boolean;
    };
};
export declare const WithHeaderDescription: {
    name: string;
    args: {
        headerImage: any;
        headerDescription: string;
        hasTwoColumnHeader: boolean;
        hasHeaderBorder: boolean;
        headerSize: string;
        title: string;
        titleSize: "md";
        headerAlignItems: "center";
        hasBadge: boolean;
        badgeText: string;
        hasHeaderDropdown: boolean;
        hasHeaderBackButton: boolean;
        headerButtonText: string;
        list: {
            display: string;
            title: string;
        }[];
        hasHeader: boolean;
        hasHeaderBackground: boolean;
        hasRounded: boolean;
        hasBorder: boolean;
        hasShadow: boolean;
        hasHeaderButton: boolean;
        headerButtonWidth: any;
        hasHeaderPrimaryButton: boolean;
        headerPrimaryButtonText: string;
        headerPrimaryButtonIcon: any;
        headerPrimaryButtonSize: "xsmall";
        headerPrimaryButtonAction: () => void;
        headerButtonAction: () => void;
        boxSize: number;
        customColumnSpan: {
            0: number;
        };
        dropdownList: {
            name: string;
            component: ({ children }: any) => React.JSX.Element;
        }[];
        dropdownWidth: string;
        content: any;
        hasNoContentSidePadding: boolean;
        middleTitle: any;
        status: any;
        subcategoryList: any[];
        hasCategoryLayout: boolean;
        hasDragHandle: boolean;
        hasDisableSubcategorySort: boolean;
    };
};
export declare const WithHeaderBackground: {
    args: {
        hasHeaderBackground: boolean;
        title: string;
        titleSize: "md";
        headerSize: "small";
        headerAlignItems: "center";
        hasBadge: boolean;
        badgeText: string;
        hasHeaderDropdown: boolean;
        hasHeaderBackButton: boolean;
        headerButtonText: string;
        list: {
            display: string;
            title: string;
        }[];
        hasHeader: boolean;
        hasHeaderBorder: boolean;
        hasRounded: boolean;
        hasBorder: boolean;
        hasShadow: boolean;
        hasHeaderButton: boolean;
        headerButtonWidth: any;
        hasHeaderPrimaryButton: boolean;
        headerPrimaryButtonText: string;
        headerPrimaryButtonIcon: any;
        headerPrimaryButtonSize: "xsmall";
        headerPrimaryButtonAction: () => void;
        headerButtonAction: () => void;
        boxSize: number;
        customColumnSpan: {
            0: number;
        };
        dropdownList: {
            name: string;
            component: ({ children }: any) => React.JSX.Element;
        }[];
        dropdownWidth: string;
        headerImage: React.JSX.Element;
        content: any;
        hasNoContentSidePadding: boolean;
        middleTitle: any;
        status: any;
        subcategoryList: any[];
        hasCategoryLayout: boolean;
        hasTwoColumnHeader: boolean;
        hasDragHandle: boolean;
        hasDisableSubcategorySort: boolean;
    };
};
export declare const WithoutHeaderBorder: {
    args: {
        hasHeaderBorder: boolean;
        title: string;
        titleSize: "md";
        headerSize: "small";
        headerAlignItems: "center";
        hasBadge: boolean;
        badgeText: string;
        hasHeaderDropdown: boolean;
        hasHeaderBackButton: boolean;
        headerButtonText: string;
        list: {
            display: string;
            title: string;
        }[];
        hasHeader: boolean;
        hasHeaderBackground: boolean;
        hasRounded: boolean;
        hasBorder: boolean;
        hasShadow: boolean;
        hasHeaderButton: boolean;
        headerButtonWidth: any;
        hasHeaderPrimaryButton: boolean;
        headerPrimaryButtonText: string;
        headerPrimaryButtonIcon: any;
        headerPrimaryButtonSize: "xsmall";
        headerPrimaryButtonAction: () => void;
        headerButtonAction: () => void;
        boxSize: number;
        customColumnSpan: {
            0: number;
        };
        dropdownList: {
            name: string;
            component: ({ children }: any) => React.JSX.Element;
        }[];
        dropdownWidth: string;
        headerImage: React.JSX.Element;
        content: any;
        hasNoContentSidePadding: boolean;
        middleTitle: any;
        status: any;
        subcategoryList: any[];
        hasCategoryLayout: boolean;
        hasTwoColumnHeader: boolean;
        hasDragHandle: boolean;
        hasDisableSubcategorySort: boolean;
    };
};
export declare const WithHeaderButton: {
    args: {
        hasHeaderButton: boolean;
        headerButtonText: string;
        title: string;
        titleSize: "md";
        headerSize: "small";
        headerAlignItems: "center";
        hasBadge: boolean;
        badgeText: string;
        hasHeaderDropdown: boolean;
        hasHeaderBackButton: boolean;
        list: {
            display: string;
            title: string;
        }[];
        hasHeader: boolean;
        hasHeaderBackground: boolean;
        hasHeaderBorder: boolean;
        hasRounded: boolean;
        hasBorder: boolean;
        hasShadow: boolean;
        headerButtonWidth: any;
        hasHeaderPrimaryButton: boolean;
        headerPrimaryButtonText: string;
        headerPrimaryButtonIcon: any;
        headerPrimaryButtonSize: "xsmall";
        headerPrimaryButtonAction: () => void;
        headerButtonAction: () => void;
        boxSize: number;
        customColumnSpan: {
            0: number;
        };
        dropdownList: {
            name: string;
            component: ({ children }: any) => React.JSX.Element;
        }[];
        dropdownWidth: string;
        headerImage: React.JSX.Element;
        content: any;
        hasNoContentSidePadding: boolean;
        middleTitle: any;
        status: any;
        subcategoryList: any[];
        hasCategoryLayout: boolean;
        hasTwoColumnHeader: boolean;
        hasDragHandle: boolean;
        hasDisableSubcategorySort: boolean;
    };
};
export declare const WithHeaderPrimaryButton: {
    args: {
        hasHeaderPrimaryButton: boolean;
        headerPrimaryButtonText: string;
        title: string;
        titleSize: "md";
        headerSize: "small";
        headerAlignItems: "center";
        hasBadge: boolean;
        badgeText: string;
        hasHeaderDropdown: boolean;
        hasHeaderBackButton: boolean;
        headerButtonText: string;
        list: {
            display: string;
            title: string;
        }[];
        hasHeader: boolean;
        hasHeaderBackground: boolean;
        hasHeaderBorder: boolean;
        hasRounded: boolean;
        hasBorder: boolean;
        hasShadow: boolean;
        hasHeaderButton: boolean;
        headerButtonWidth: any;
        headerPrimaryButtonIcon: any;
        headerPrimaryButtonSize: "xsmall";
        headerPrimaryButtonAction: () => void;
        headerButtonAction: () => void;
        boxSize: number;
        customColumnSpan: {
            0: number;
        };
        dropdownList: {
            name: string;
            component: ({ children }: any) => React.JSX.Element;
        }[];
        dropdownWidth: string;
        headerImage: React.JSX.Element;
        content: any;
        hasNoContentSidePadding: boolean;
        middleTitle: any;
        status: any;
        subcategoryList: any[];
        hasCategoryLayout: boolean;
        hasTwoColumnHeader: boolean;
        hasDragHandle: boolean;
        hasDisableSubcategorySort: boolean;
    };
};
export declare const WithHeaderDropdown: {
    args: {
        hasHeaderButton: boolean;
        hasHeaderDropdown: boolean;
        headerButtonText: string;
        title: string;
        titleSize: "md";
        headerSize: "small";
        headerAlignItems: "center";
        hasBadge: boolean;
        badgeText: string;
        hasHeaderBackButton: boolean;
        list: {
            display: string;
            title: string;
        }[];
        hasHeader: boolean;
        hasHeaderBackground: boolean;
        hasHeaderBorder: boolean;
        hasRounded: boolean;
        hasBorder: boolean;
        hasShadow: boolean;
        headerButtonWidth: any;
        hasHeaderPrimaryButton: boolean;
        headerPrimaryButtonText: string;
        headerPrimaryButtonIcon: any;
        headerPrimaryButtonSize: "xsmall";
        headerPrimaryButtonAction: () => void;
        headerButtonAction: () => void;
        boxSize: number;
        customColumnSpan: {
            0: number;
        };
        dropdownList: {
            name: string;
            component: ({ children }: any) => React.JSX.Element;
        }[];
        dropdownWidth: string;
        headerImage: React.JSX.Element;
        content: any;
        hasNoContentSidePadding: boolean;
        middleTitle: any;
        status: any;
        subcategoryList: any[];
        hasCategoryLayout: boolean;
        hasTwoColumnHeader: boolean;
        hasDragHandle: boolean;
        hasDisableSubcategorySort: boolean;
    };
};
export declare const WithoutHeader: {
    args: {
        hasHeader: boolean;
        title: string;
        titleSize: "md";
        headerSize: "small";
        headerAlignItems: "center";
        hasBadge: boolean;
        badgeText: string;
        hasHeaderDropdown: boolean;
        hasHeaderBackButton: boolean;
        headerButtonText: string;
        list: {
            display: string;
            title: string;
        }[];
        hasHeaderBackground: boolean;
        hasHeaderBorder: boolean;
        hasRounded: boolean;
        hasBorder: boolean;
        hasShadow: boolean;
        hasHeaderButton: boolean;
        headerButtonWidth: any;
        hasHeaderPrimaryButton: boolean;
        headerPrimaryButtonText: string;
        headerPrimaryButtonIcon: any;
        headerPrimaryButtonSize: "xsmall";
        headerPrimaryButtonAction: () => void;
        headerButtonAction: () => void;
        boxSize: number;
        customColumnSpan: {
            0: number;
        };
        dropdownList: {
            name: string;
            component: ({ children }: any) => React.JSX.Element;
        }[];
        dropdownWidth: string;
        headerImage: React.JSX.Element;
        content: any;
        hasNoContentSidePadding: boolean;
        middleTitle: any;
        status: any;
        subcategoryList: any[];
        hasCategoryLayout: boolean;
        hasTwoColumnHeader: boolean;
        hasDragHandle: boolean;
        hasDisableSubcategorySort: boolean;
    };
};
export declare const WithoutBorder: {
    args: {
        hasBorder: boolean;
        title: string;
        titleSize: "md";
        headerSize: "small";
        headerAlignItems: "center";
        hasBadge: boolean;
        badgeText: string;
        hasHeaderDropdown: boolean;
        hasHeaderBackButton: boolean;
        headerButtonText: string;
        list: {
            display: string;
            title: string;
        }[];
        hasHeader: boolean;
        hasHeaderBackground: boolean;
        hasHeaderBorder: boolean;
        hasRounded: boolean;
        hasShadow: boolean;
        hasHeaderButton: boolean;
        headerButtonWidth: any;
        hasHeaderPrimaryButton: boolean;
        headerPrimaryButtonText: string;
        headerPrimaryButtonIcon: any;
        headerPrimaryButtonSize: "xsmall";
        headerPrimaryButtonAction: () => void;
        headerButtonAction: () => void;
        boxSize: number;
        customColumnSpan: {
            0: number;
        };
        dropdownList: {
            name: string;
            component: ({ children }: any) => React.JSX.Element;
        }[];
        dropdownWidth: string;
        headerImage: React.JSX.Element;
        content: any;
        hasNoContentSidePadding: boolean;
        middleTitle: any;
        status: any;
        subcategoryList: any[];
        hasCategoryLayout: boolean;
        hasTwoColumnHeader: boolean;
        hasDragHandle: boolean;
        hasDisableSubcategorySort: boolean;
    };
};
export declare const WithoutRounded: {
    args: {
        hasRounded: boolean;
        title: string;
        titleSize: "md";
        headerSize: "small";
        headerAlignItems: "center";
        hasBadge: boolean;
        badgeText: string;
        hasHeaderDropdown: boolean;
        hasHeaderBackButton: boolean;
        headerButtonText: string;
        list: {
            display: string;
            title: string;
        }[];
        hasHeader: boolean;
        hasHeaderBackground: boolean;
        hasHeaderBorder: boolean;
        hasBorder: boolean;
        hasShadow: boolean;
        hasHeaderButton: boolean;
        headerButtonWidth: any;
        hasHeaderPrimaryButton: boolean;
        headerPrimaryButtonText: string;
        headerPrimaryButtonIcon: any;
        headerPrimaryButtonSize: "xsmall";
        headerPrimaryButtonAction: () => void;
        headerButtonAction: () => void;
        boxSize: number;
        customColumnSpan: {
            0: number;
        };
        dropdownList: {
            name: string;
            component: ({ children }: any) => React.JSX.Element;
        }[];
        dropdownWidth: string;
        headerImage: React.JSX.Element;
        content: any;
        hasNoContentSidePadding: boolean;
        middleTitle: any;
        status: any;
        subcategoryList: any[];
        hasCategoryLayout: boolean;
        hasTwoColumnHeader: boolean;
        hasDragHandle: boolean;
        hasDisableSubcategorySort: boolean;
    };
};
export declare const MinimalList: {
    args: {
        list: {
            display: string;
            title: string;
        }[];
        title: string;
        titleSize: "md";
        headerSize: "small";
        headerAlignItems: "center";
        hasBadge: boolean;
        badgeText: string;
        hasHeaderDropdown: boolean;
        hasHeaderBackButton: boolean;
        headerButtonText: string;
        hasHeader: boolean;
        hasHeaderBackground: boolean;
        hasHeaderBorder: boolean;
        hasRounded: boolean;
        hasBorder: boolean;
        hasShadow: boolean;
        hasHeaderButton: boolean;
        headerButtonWidth: any;
        hasHeaderPrimaryButton: boolean;
        headerPrimaryButtonText: string;
        headerPrimaryButtonIcon: any;
        headerPrimaryButtonSize: "xsmall";
        headerPrimaryButtonAction: () => void;
        headerButtonAction: () => void;
        boxSize: number;
        customColumnSpan: {
            0: number;
        };
        dropdownList: {
            name: string;
            component: ({ children }: any) => React.JSX.Element;
        }[];
        dropdownWidth: string;
        headerImage: React.JSX.Element;
        content: any;
        hasNoContentSidePadding: boolean;
        middleTitle: any;
        status: any;
        subcategoryList: any[];
        hasCategoryLayout: boolean;
        hasTwoColumnHeader: boolean;
        hasDragHandle: boolean;
        hasDisableSubcategorySort: boolean;
    };
};
export declare const EmptyList: {
    args: {
        list: any[];
        title: string;
        titleSize: "md";
        headerSize: "small";
        headerAlignItems: "center";
        hasBadge: boolean;
        badgeText: string;
        hasHeaderDropdown: boolean;
        hasHeaderBackButton: boolean;
        headerButtonText: string;
        hasHeader: boolean;
        hasHeaderBackground: boolean;
        hasHeaderBorder: boolean;
        hasRounded: boolean;
        hasBorder: boolean;
        hasShadow: boolean;
        hasHeaderButton: boolean;
        headerButtonWidth: any;
        hasHeaderPrimaryButton: boolean;
        headerPrimaryButtonText: string;
        headerPrimaryButtonIcon: any;
        headerPrimaryButtonSize: "xsmall";
        headerPrimaryButtonAction: () => void;
        headerButtonAction: () => void;
        boxSize: number;
        customColumnSpan: {
            0: number;
        };
        dropdownList: {
            name: string;
            component: ({ children }: any) => React.JSX.Element;
        }[];
        dropdownWidth: string;
        headerImage: React.JSX.Element;
        content: any;
        hasNoContentSidePadding: boolean;
        middleTitle: any;
        status: any;
        subcategoryList: any[];
        hasCategoryLayout: boolean;
        hasTwoColumnHeader: boolean;
        hasDragHandle: boolean;
        hasDisableSubcategorySort: boolean;
    };
};
export declare const WithoutHeaderImage: {
    args: {
        headerImage: any;
        title: string;
        titleSize: "md";
        headerSize: "small";
        headerAlignItems: "center";
        hasBadge: boolean;
        badgeText: string;
        hasHeaderDropdown: boolean;
        hasHeaderBackButton: boolean;
        headerButtonText: string;
        list: {
            display: string;
            title: string;
        }[];
        hasHeader: boolean;
        hasHeaderBackground: boolean;
        hasHeaderBorder: boolean;
        hasRounded: boolean;
        hasBorder: boolean;
        hasShadow: boolean;
        hasHeaderButton: boolean;
        headerButtonWidth: any;
        hasHeaderPrimaryButton: boolean;
        headerPrimaryButtonText: string;
        headerPrimaryButtonIcon: any;
        headerPrimaryButtonSize: "xsmall";
        headerPrimaryButtonAction: () => void;
        headerButtonAction: () => void;
        boxSize: number;
        customColumnSpan: {
            0: number;
        };
        dropdownList: {
            name: string;
            component: ({ children }: any) => React.JSX.Element;
        }[];
        dropdownWidth: string;
        content: any;
        hasNoContentSidePadding: boolean;
        middleTitle: any;
        status: any;
        subcategoryList: any[];
        hasCategoryLayout: boolean;
        hasTwoColumnHeader: boolean;
        hasDragHandle: boolean;
        hasDisableSubcategorySort: boolean;
    };
};
export declare const CustomColumnSpan: {
    args: {
        list: {
            display: string;
            title: string;
        }[];
        customColumnSpan: {
            0: number;
            1: number;
        };
        title: string;
        titleSize: "md";
        headerSize: "small";
        headerAlignItems: "center";
        hasBadge: boolean;
        badgeText: string;
        hasHeaderDropdown: boolean;
        hasHeaderBackButton: boolean;
        headerButtonText: string;
        hasHeader: boolean;
        hasHeaderBackground: boolean;
        hasHeaderBorder: boolean;
        hasRounded: boolean;
        hasBorder: boolean;
        hasShadow: boolean;
        hasHeaderButton: boolean;
        headerButtonWidth: any;
        hasHeaderPrimaryButton: boolean;
        headerPrimaryButtonText: string;
        headerPrimaryButtonIcon: any;
        headerPrimaryButtonSize: "xsmall";
        headerPrimaryButtonAction: () => void;
        headerButtonAction: () => void;
        boxSize: number;
        dropdownList: {
            name: string;
            component: ({ children }: any) => React.JSX.Element;
        }[];
        dropdownWidth: string;
        headerImage: React.JSX.Element;
        content: any;
        hasNoContentSidePadding: boolean;
        middleTitle: any;
        status: any;
        subcategoryList: any[];
        hasCategoryLayout: boolean;
        hasTwoColumnHeader: boolean;
        hasDragHandle: boolean;
        hasDisableSubcategorySort: boolean;
    };
};
export declare const HasAccordion: {
    args: {
        accordionList: {
            title: string;
            list: {
                display: string;
                title: string;
            }[];
        }[];
        headerImage: React.JSX.Element;
        title: string;
        titleSize: "md";
        headerSize: "small";
        headerAlignItems: "center";
        hasBadge: boolean;
        badgeText: string;
        hasHeaderDropdown: boolean;
        hasHeaderBackButton: boolean;
        headerButtonText: string;
        list: {
            display: string;
            title: string;
        }[];
        hasHeader: boolean;
        hasHeaderBackground: boolean;
        hasHeaderBorder: boolean;
        hasRounded: boolean;
        hasBorder: boolean;
        hasShadow: boolean;
        hasHeaderButton: boolean;
        headerButtonWidth: any;
        hasHeaderPrimaryButton: boolean;
        headerPrimaryButtonText: string;
        headerPrimaryButtonIcon: any;
        headerPrimaryButtonSize: "xsmall";
        headerPrimaryButtonAction: () => void;
        headerButtonAction: () => void;
        boxSize: number;
        customColumnSpan: {
            0: number;
        };
        dropdownList: {
            name: string;
            component: ({ children }: any) => React.JSX.Element;
        }[];
        dropdownWidth: string;
        content: any;
        hasNoContentSidePadding: boolean;
        middleTitle: any;
        status: any;
        subcategoryList: any[];
        hasCategoryLayout: boolean;
        hasTwoColumnHeader: boolean;
        hasDragHandle: boolean;
        hasDisableSubcategorySort: boolean;
    };
};
export declare const WithContent: {
    args: {
        title: string;
        hasBadge: boolean;
        badgeText: string;
        hasHeader: boolean;
        hasRounded: boolean;
        hasBorder: boolean;
        hasHeaderPrimaryButton: boolean;
        headerPrimaryButtonText: string;
        headerPrimaryButtonAction: () => void;
        headerImage: any;
        list: any[];
        content: React.JSX.Element;
    };
    decorators: ((Story: any) => React.JSX.Element)[];
};
export declare const SubscriptionRules: {
    render: () => React.JSX.Element;
};
export declare const CategoryStructure: {
    render: () => React.JSX.Element;
};
export declare const AddProductToCategory: {
    render: () => React.JSX.Element;
};
export declare const TitleSizeLg: {
    args: {
        title: string;
        titleSize: string;
        headerImage: any;
        headerSize: "small";
        headerAlignItems: "center";
        hasBadge: boolean;
        badgeText: string;
        hasHeaderDropdown: boolean;
        hasHeaderBackButton: boolean;
        headerButtonText: string;
        list: {
            display: string;
            title: string;
        }[];
        hasHeader: boolean;
        hasHeaderBackground: boolean;
        hasHeaderBorder: boolean;
        hasRounded: boolean;
        hasBorder: boolean;
        hasShadow: boolean;
        hasHeaderButton: boolean;
        headerButtonWidth: any;
        hasHeaderPrimaryButton: boolean;
        headerPrimaryButtonText: string;
        headerPrimaryButtonIcon: any;
        headerPrimaryButtonSize: "xsmall";
        headerPrimaryButtonAction: () => void;
        headerButtonAction: () => void;
        boxSize: number;
        customColumnSpan: {
            0: number;
        };
        dropdownList: {
            name: string;
            component: ({ children }: any) => React.JSX.Element;
        }[];
        dropdownWidth: string;
        content: any;
        hasNoContentSidePadding: boolean;
        middleTitle: any;
        status: any;
        subcategoryList: any[];
        hasCategoryLayout: boolean;
        hasTwoColumnHeader: boolean;
        hasDragHandle: boolean;
        hasDisableSubcategorySort: boolean;
    };
};
export declare const HeaderAlignFlexStart: {
    args: {
        headerAlignItems: string;
        headerDescription: string;
        headerImage: any;
        hasTwoColumnHeader: boolean;
        hasHeaderBorder: boolean;
        headerSize: string;
        title: string;
        titleSize: "md";
        hasBadge: boolean;
        badgeText: string;
        hasHeaderDropdown: boolean;
        hasHeaderBackButton: boolean;
        headerButtonText: string;
        list: {
            display: string;
            title: string;
        }[];
        hasHeader: boolean;
        hasHeaderBackground: boolean;
        hasRounded: boolean;
        hasBorder: boolean;
        hasShadow: boolean;
        hasHeaderButton: boolean;
        headerButtonWidth: any;
        hasHeaderPrimaryButton: boolean;
        headerPrimaryButtonText: string;
        headerPrimaryButtonIcon: any;
        headerPrimaryButtonSize: "xsmall";
        headerPrimaryButtonAction: () => void;
        headerButtonAction: () => void;
        boxSize: number;
        customColumnSpan: {
            0: number;
        };
        dropdownList: {
            name: string;
            component: ({ children }: any) => React.JSX.Element;
        }[];
        dropdownWidth: string;
        content: any;
        hasNoContentSidePadding: boolean;
        middleTitle: any;
        status: any;
        subcategoryList: any[];
        hasCategoryLayout: boolean;
        hasDragHandle: boolean;
        hasDisableSubcategorySort: boolean;
    };
};
export declare const WithHeaderBackButton: {
    args: {
        title: string;
        titleSize: string;
        hasHeaderBackButton: boolean;
        headerSize: string;
        headerImage: any;
        list: any[];
        onHeaderBack: () => void;
        onHeaderClick: () => void;
        headerAlignItems: "center";
        hasBadge: boolean;
        badgeText: string;
        hasHeaderDropdown: boolean;
        headerButtonText: string;
        hasHeader: boolean;
        hasHeaderBackground: boolean;
        hasHeaderBorder: boolean;
        hasRounded: boolean;
        hasBorder: boolean;
        hasShadow: boolean;
        hasHeaderButton: boolean;
        headerButtonWidth: any;
        hasHeaderPrimaryButton: boolean;
        headerPrimaryButtonText: string;
        headerPrimaryButtonIcon: any;
        headerPrimaryButtonSize: "xsmall";
        headerPrimaryButtonAction: () => void;
        headerButtonAction: () => void;
        boxSize: number;
        customColumnSpan: {
            0: number;
        };
        dropdownList: {
            name: string;
            component: ({ children }: any) => React.JSX.Element;
        }[];
        dropdownWidth: string;
        content: any;
        hasNoContentSidePadding: boolean;
        middleTitle: any;
        status: any;
        subcategoryList: any[];
        hasCategoryLayout: boolean;
        hasTwoColumnHeader: boolean;
        hasDragHandle: boolean;
        hasDisableSubcategorySort: boolean;
    };
};
export declare const WithHeaderRightContent: {
    args: {
        headerImage: any;
        list: {
            display: string;
            title: string;
        }[];
        headerRightContent: React.JSX.Element;
        hasTwoColumnHeader: boolean;
        title: string;
        titleSize: "md";
        headerSize: "small";
        headerAlignItems: "center";
        hasBadge: boolean;
        badgeText: string;
        hasHeaderDropdown: boolean;
        hasHeaderBackButton: boolean;
        headerButtonText: string;
        hasHeader: boolean;
        hasHeaderBackground: boolean;
        hasHeaderBorder: boolean;
        hasRounded: boolean;
        hasBorder: boolean;
        hasShadow: boolean;
        hasHeaderButton: boolean;
        headerButtonWidth: any;
        hasHeaderPrimaryButton: boolean;
        headerPrimaryButtonText: string;
        headerPrimaryButtonIcon: any;
        headerPrimaryButtonSize: "xsmall";
        headerPrimaryButtonAction: () => void;
        headerButtonAction: () => void;
        boxSize: number;
        customColumnSpan: {
            0: number;
        };
        dropdownList: {
            name: string;
            component: ({ children }: any) => React.JSX.Element;
        }[];
        dropdownWidth: string;
        content: any;
        hasNoContentSidePadding: boolean;
        middleTitle: any;
        status: any;
        subcategoryList: any[];
        hasCategoryLayout: boolean;
        hasDragHandle: boolean;
        hasDisableSubcategorySort: boolean;
    };
};
export declare const WithMiddleTitleAndStatus: {
    args: {
        headerImage: any;
        list: any[];
        middleTitle: string;
        status: {
            label: string;
            variant: string;
        };
        hasHeaderBorder: boolean;
        title: string;
        titleSize: "md";
        headerSize: "small";
        headerAlignItems: "center";
        hasBadge: boolean;
        badgeText: string;
        hasHeaderDropdown: boolean;
        hasHeaderBackButton: boolean;
        headerButtonText: string;
        hasHeader: boolean;
        hasHeaderBackground: boolean;
        hasRounded: boolean;
        hasBorder: boolean;
        hasShadow: boolean;
        hasHeaderButton: boolean;
        headerButtonWidth: any;
        hasHeaderPrimaryButton: boolean;
        headerPrimaryButtonText: string;
        headerPrimaryButtonIcon: any;
        headerPrimaryButtonSize: "xsmall";
        headerPrimaryButtonAction: () => void;
        headerButtonAction: () => void;
        boxSize: number;
        customColumnSpan: {
            0: number;
        };
        dropdownList: {
            name: string;
            component: ({ children }: any) => React.JSX.Element;
        }[];
        dropdownWidth: string;
        content: any;
        hasNoContentSidePadding: boolean;
        subcategoryList: any[];
        hasCategoryLayout: boolean;
        hasTwoColumnHeader: boolean;
        hasDragHandle: boolean;
        hasDisableSubcategorySort: boolean;
    };
};
export declare const StatusInactive: {
    args: {
        headerImage: any;
        list: any[];
        middleTitle: string;
        status: {
            label: string;
            variant: string;
        };
        hasHeaderBorder: boolean;
        title: string;
        titleSize: "md";
        headerSize: "small";
        headerAlignItems: "center";
        hasBadge: boolean;
        badgeText: string;
        hasHeaderDropdown: boolean;
        hasHeaderBackButton: boolean;
        headerButtonText: string;
        hasHeader: boolean;
        hasHeaderBackground: boolean;
        hasRounded: boolean;
        hasBorder: boolean;
        hasShadow: boolean;
        hasHeaderButton: boolean;
        headerButtonWidth: any;
        hasHeaderPrimaryButton: boolean;
        headerPrimaryButtonText: string;
        headerPrimaryButtonIcon: any;
        headerPrimaryButtonSize: "xsmall";
        headerPrimaryButtonAction: () => void;
        headerButtonAction: () => void;
        boxSize: number;
        customColumnSpan: {
            0: number;
        };
        dropdownList: {
            name: string;
            component: ({ children }: any) => React.JSX.Element;
        }[];
        dropdownWidth: string;
        content: any;
        hasNoContentSidePadding: boolean;
        subcategoryList: any[];
        hasCategoryLayout: boolean;
        hasTwoColumnHeader: boolean;
        hasDragHandle: boolean;
        hasDisableSubcategorySort: boolean;
    };
};
export declare const WithSubcategories: {
    args: {
        headerImage: any;
        list: any[];
        hasHeaderBorder: boolean;
        hasHeaderButton: boolean;
        headerButtonText: string;
        subcategoryList: ({
            name: string;
            middleTitle: string;
            status: {
                label: string;
                variant: string;
            };
            hasDropdown: boolean;
            buttonAction: () => void;
            hasButton?: undefined;
        } | {
            name: string;
            middleTitle: string;
            status: {
                label: string;
                variant: string;
            };
            hasButton: boolean;
            hasDropdown?: undefined;
            buttonAction?: undefined;
        })[];
        title: string;
        titleSize: "md";
        headerSize: "small";
        headerAlignItems: "center";
        hasBadge: boolean;
        badgeText: string;
        hasHeaderDropdown: boolean;
        hasHeaderBackButton: boolean;
        hasHeader: boolean;
        hasHeaderBackground: boolean;
        hasRounded: boolean;
        hasBorder: boolean;
        hasShadow: boolean;
        headerButtonWidth: any;
        hasHeaderPrimaryButton: boolean;
        headerPrimaryButtonText: string;
        headerPrimaryButtonIcon: any;
        headerPrimaryButtonSize: "xsmall";
        headerPrimaryButtonAction: () => void;
        headerButtonAction: () => void;
        boxSize: number;
        customColumnSpan: {
            0: number;
        };
        dropdownList: {
            name: string;
            component: ({ children }: any) => React.JSX.Element;
        }[];
        dropdownWidth: string;
        content: any;
        hasNoContentSidePadding: boolean;
        middleTitle: any;
        status: any;
        hasCategoryLayout: boolean;
        hasTwoColumnHeader: boolean;
        hasDragHandle: boolean;
        hasDisableSubcategorySort: boolean;
    };
};
export declare const WithPrimaryButtonIcon: {
    args: {
        headerImage: any;
        hasHeaderPrimaryButton: boolean;
        headerPrimaryButtonText: string;
        headerPrimaryButtonIcon: string;
        headerPrimaryButtonSize: string;
        list: any[];
        title: string;
        titleSize: "md";
        headerSize: "small";
        headerAlignItems: "center";
        hasBadge: boolean;
        badgeText: string;
        hasHeaderDropdown: boolean;
        hasHeaderBackButton: boolean;
        headerButtonText: string;
        hasHeader: boolean;
        hasHeaderBackground: boolean;
        hasHeaderBorder: boolean;
        hasRounded: boolean;
        hasBorder: boolean;
        hasShadow: boolean;
        hasHeaderButton: boolean;
        headerButtonWidth: any;
        headerPrimaryButtonAction: () => void;
        headerButtonAction: () => void;
        boxSize: number;
        customColumnSpan: {
            0: number;
        };
        dropdownList: {
            name: string;
            component: ({ children }: any) => React.JSX.Element;
        }[];
        dropdownWidth: string;
        content: any;
        hasNoContentSidePadding: boolean;
        middleTitle: any;
        status: any;
        subcategoryList: any[];
        hasCategoryLayout: boolean;
        hasTwoColumnHeader: boolean;
        hasDragHandle: boolean;
        hasDisableSubcategorySort: boolean;
    };
};
export declare const NoContentSidePadding: {
    args: {
        headerImage: any;
        list: any[];
        hasNoContentSidePadding: boolean;
        content: React.JSX.Element;
        title: string;
        titleSize: "md";
        headerSize: "small";
        headerAlignItems: "center";
        hasBadge: boolean;
        badgeText: string;
        hasHeaderDropdown: boolean;
        hasHeaderBackButton: boolean;
        headerButtonText: string;
        hasHeader: boolean;
        hasHeaderBackground: boolean;
        hasHeaderBorder: boolean;
        hasRounded: boolean;
        hasBorder: boolean;
        hasShadow: boolean;
        hasHeaderButton: boolean;
        headerButtonWidth: any;
        hasHeaderPrimaryButton: boolean;
        headerPrimaryButtonText: string;
        headerPrimaryButtonIcon: any;
        headerPrimaryButtonSize: "xsmall";
        headerPrimaryButtonAction: () => void;
        headerButtonAction: () => void;
        boxSize: number;
        customColumnSpan: {
            0: number;
        };
        dropdownList: {
            name: string;
            component: ({ children }: any) => React.JSX.Element;
        }[];
        dropdownWidth: string;
        middleTitle: any;
        status: any;
        subcategoryList: any[];
        hasCategoryLayout: boolean;
        hasTwoColumnHeader: boolean;
        hasDragHandle: boolean;
        hasDisableSubcategorySort: boolean;
    };
};
export declare const HeaderAndContentOnly: {
    args: {
        headerImage: any;
        list: any[];
        hasBadge: boolean;
        badgeText: string;
        content: React.JSX.Element;
        title: string;
        titleSize: "md";
        headerSize: "small";
        headerAlignItems: "center";
        hasHeaderDropdown: boolean;
        hasHeaderBackButton: boolean;
        headerButtonText: string;
        hasHeader: boolean;
        hasHeaderBackground: boolean;
        hasHeaderBorder: boolean;
        hasRounded: boolean;
        hasBorder: boolean;
        hasShadow: boolean;
        hasHeaderButton: boolean;
        headerButtonWidth: any;
        hasHeaderPrimaryButton: boolean;
        headerPrimaryButtonText: string;
        headerPrimaryButtonIcon: any;
        headerPrimaryButtonSize: "xsmall";
        headerPrimaryButtonAction: () => void;
        headerButtonAction: () => void;
        boxSize: number;
        customColumnSpan: {
            0: number;
        };
        dropdownList: {
            name: string;
            component: ({ children }: any) => React.JSX.Element;
        }[];
        dropdownWidth: string;
        hasNoContentSidePadding: boolean;
        middleTitle: any;
        status: any;
        subcategoryList: any[];
        hasCategoryLayout: boolean;
        hasTwoColumnHeader: boolean;
        hasDragHandle: boolean;
        hasDisableSubcategorySort: boolean;
    };
};
export declare const Complete: {
    args: {
        title: string;
        titleSize: string;
        headerSize: string;
        headerAlignItems: string;
        headerDescription: string;
        hasBadge: boolean;
        badgeText: string;
        hasHeaderBackground: boolean;
        hasHeaderBorder: boolean;
        hasHeaderPrimaryButton: boolean;
        headerPrimaryButtonText: string;
        headerPrimaryButtonIcon: string;
        hasHeaderButton: boolean;
        hasHeaderDropdown: boolean;
        headerButtonText: string;
        middleTitle: string;
        status: {
            label: string;
            variant: string;
        };
        hasTwoColumnHeader: boolean;
        hasHeaderBackButton: boolean;
        list: {
            display: string;
            title: string;
        }[];
        hasHeader: boolean;
        hasRounded: boolean;
        hasBorder: boolean;
        hasShadow: boolean;
        headerButtonWidth: any;
        headerPrimaryButtonSize: "xsmall";
        headerPrimaryButtonAction: () => void;
        headerButtonAction: () => void;
        boxSize: number;
        customColumnSpan: {
            0: number;
        };
        dropdownList: {
            name: string;
            component: ({ children }: any) => React.JSX.Element;
        }[];
        dropdownWidth: string;
        headerImage: React.JSX.Element;
        content: any;
        hasNoContentSidePadding: boolean;
        subcategoryList: any[];
        hasCategoryLayout: boolean;
        hasDragHandle: boolean;
        hasDisableSubcategorySort: boolean;
    };
};