import React from "react";
declare const _default: {
    title: string;
    component: (props: any) => React.JSX.Element;
    tags: string[];
    argTypes: {
        title: {
            control: string;
        };
        icon: {
            control: string;
            options: string[];
        };
        hasDropdown: {
            control: string;
        };
        isShow: {
            control: string;
        };
        isActive: {
            control: string;
        };
        list: {
            control: string;
        };
    };
};
export default _default;
export declare const Default: {
    args: {
        title: string;
        icon: string;
        hasDropdown: boolean;
        isShow: boolean;
        isActive: boolean;
        list: ({
            title: string;
            component: ({ children }: {
                children: any;
            }) => React.JSX.Element;
            isActive?: undefined;
            icon?: undefined;
        } | {
            title: string;
            isActive: boolean;
            component: ({ children }: {
                children: any;
            }) => React.JSX.Element;
            icon?: undefined;
        } | {
            title: string;
            icon: string;
            component: ({ children }: {
                children: any;
            }) => React.JSX.Element;
            isActive?: undefined;
        })[];
    };
};
export declare const Open: {
    args: {
        isShow: boolean;
        title: string;
        icon: string;
        hasDropdown: boolean;
        isActive: boolean;
        list: ({
            title: string;
            component: ({ children }: {
                children: any;
            }) => React.JSX.Element;
            isActive?: undefined;
            icon?: undefined;
        } | {
            title: string;
            isActive: boolean;
            component: ({ children }: {
                children: any;
            }) => React.JSX.Element;
            icon?: undefined;
        } | {
            title: string;
            icon: string;
            component: ({ children }: {
                children: any;
            }) => React.JSX.Element;
            isActive?: undefined;
        })[];
    };
};
export declare const Active: {
    args: {
        isActive: boolean;
        isShow: boolean;
        title: string;
        icon: string;
        hasDropdown: boolean;
        list: ({
            title: string;
            component: ({ children }: {
                children: any;
            }) => React.JSX.Element;
            isActive?: undefined;
            icon?: undefined;
        } | {
            title: string;
            isActive: boolean;
            component: ({ children }: {
                children: any;
            }) => React.JSX.Element;
            icon?: undefined;
        } | {
            title: string;
            icon: string;
            component: ({ children }: {
                children: any;
            }) => React.JSX.Element;
            isActive?: undefined;
        })[];
    };
};
export declare const WithoutDropdown: {
    args: {
        hasDropdown: boolean;
        list: any[];
        title: string;
        icon: string;
        isShow: boolean;
        isActive: boolean;
    };
};
export declare const EmptyList: {
    args: {
        hasDropdown: boolean;
        isShow: boolean;
        list: any[];
        title: string;
        icon: string;
        isActive: boolean;
    };
};
export declare const WithoutItemIcons: {
    args: {
        isShow: boolean;
        list: {
            title: string;
            component: ({ children }: {
                children: any;
            }) => React.JSX.Element;
        }[];
        title: string;
        icon: string;
        hasDropdown: boolean;
        isActive: boolean;
    };
};
export declare const CustomIcon: {
    args: {
        icon: string;
        title: string;
        isShow: boolean;
        hasDropdown: boolean;
        isActive: boolean;
        list: ({
            title: string;
            component: ({ children }: {
                children: any;
            }) => React.JSX.Element;
            isActive?: undefined;
            icon?: undefined;
        } | {
            title: string;
            isActive: boolean;
            component: ({ children }: {
                children: any;
            }) => React.JSX.Element;
            icon?: undefined;
        } | {
            title: string;
            icon: string;
            component: ({ children }: {
                children: any;
            }) => React.JSX.Element;
            isActive?: undefined;
        })[];
    };
};
export declare const Interactive: {
    render: (args: any) => React.JSX.Element;
    args: {
        isShow: boolean;
        title: string;
        icon: string;
        hasDropdown: boolean;
        isActive: boolean;
        list: ({
            title: string;
            component: ({ children }: {
                children: any;
            }) => React.JSX.Element;
            isActive?: undefined;
            icon?: undefined;
        } | {
            title: string;
            isActive: boolean;
            component: ({ children }: {
                children: any;
            }) => React.JSX.Element;
            icon?: undefined;
        } | {
            title: string;
            icon: string;
            component: ({ children }: {
                children: any;
            }) => React.JSX.Element;
            isActive?: undefined;
        })[];
    };
};