import React from "react";
declare const _default: {
    title: string;
    component: (props: any) => React.JSX.Element;
    tags: string[];
    argTypes: {
        size: {
            control: string;
            options: string[];
        };
        childrenVariant: {
            control: string;
            options: string[];
        };
        show: {
            control: string;
        };
        isShowTopChevron: {
            control: string;
        };
        right: {
            control: string;
        };
        width: {
            control: string;
        };
        top: {
            control: string;
        };
        list: {
            control: string;
        };
        Toggle: {
            control: boolean;
        };
    };
};
export default _default;
export declare const Default: {
    args: {
        list: ({
            icon: string;
            title: string;
            slug: string;
            onClick: () => void;
        } | {
            title: string;
            slug: string;
            onClick: () => void;
            icon?: undefined;
        })[];
        show: boolean;
        size: string;
        isShowTopChevron: boolean;
        childrenVariant: string;
        right: string;
        width: any;
        top: any;
        Toggle: any;
    };
};
export declare const Open: {
    args: {
        show: boolean;
        list: ({
            icon: string;
            title: string;
            slug: string;
            onClick: () => void;
        } | {
            title: string;
            slug: string;
            onClick: () => void;
            icon?: undefined;
        })[];
        size: string;
        isShowTopChevron: boolean;
        childrenVariant: string;
        right: string;
        width: any;
        top: any;
        Toggle: any;
    };
};
export declare const Closed: {
    args: {
        show: boolean;
        list: ({
            icon: string;
            title: string;
            slug: string;
            onClick: () => void;
        } | {
            title: string;
            slug: string;
            onClick: () => void;
            icon?: undefined;
        })[];
        size: string;
        isShowTopChevron: boolean;
        childrenVariant: string;
        right: string;
        width: any;
        top: any;
        Toggle: any;
    };
};
export declare const Small: {
    args: {
        size: string;
        show: boolean;
        list: ({
            icon: string;
            title: string;
            slug: string;
            onClick: () => void;
        } | {
            title: string;
            slug: string;
            onClick: () => void;
            icon?: undefined;
        })[];
        isShowTopChevron: boolean;
        childrenVariant: string;
        right: string;
        width: any;
        top: any;
        Toggle: any;
    };
};
export declare const Medium: {
    args: {
        size: string;
        show: boolean;
        list: ({
            icon: string;
            title: string;
            slug: string;
            onClick: () => void;
        } | {
            title: string;
            slug: string;
            onClick: () => void;
            icon?: undefined;
        })[];
        isShowTopChevron: boolean;
        childrenVariant: string;
        right: string;
        width: any;
        top: any;
        Toggle: any;
    };
};
export declare const PrimaryVariant: {
    args: {
        childrenVariant: string;
        show: boolean;
        list: ({
            icon: string;
            title: string;
            slug: string;
            onClick: () => void;
        } | {
            title: string;
            slug: string;
            onClick: () => void;
            icon?: undefined;
        })[];
        size: string;
        isShowTopChevron: boolean;
        right: string;
        width: any;
        top: any;
        Toggle: any;
    };
};
export declare const SecondaryVariant: {
    args: {
        childrenVariant: string;
        show: boolean;
        list: ({
            icon: string;
            title: string;
            slug: string;
            onClick: () => void;
        } | {
            title: string;
            slug: string;
            onClick: () => void;
            icon?: undefined;
        })[];
        size: string;
        isShowTopChevron: boolean;
        right: string;
        width: any;
        top: any;
        Toggle: any;
    };
};
export declare const WithoutTopChevron: {
    args: {
        isShowTopChevron: boolean;
        show: boolean;
        list: ({
            icon: string;
            title: string;
            slug: string;
            onClick: () => void;
        } | {
            title: string;
            slug: string;
            onClick: () => void;
            icon?: undefined;
        })[];
        size: string;
        childrenVariant: string;
        right: string;
        width: any;
        top: any;
        Toggle: any;
    };
};
export declare const CustomPosition: {
    args: {
        show: boolean;
        right: string;
        top: string;
        width: string;
        list: ({
            icon: string;
            title: string;
            slug: string;
            onClick: () => void;
        } | {
            title: string;
            slug: string;
            onClick: () => void;
            icon?: undefined;
        })[];
        size: string;
        isShowTopChevron: boolean;
        childrenVariant: string;
        Toggle: any;
    };
};
export declare const WideMenu: {
    args: {
        show: boolean;
        width: string;
        list: ({
            icon: string;
            title: string;
            slug: string;
            onClick: () => void;
        } | {
            title: string;
            slug: string;
            onClick: () => void;
            icon?: undefined;
        })[];
        size: string;
        isShowTopChevron: boolean;
        childrenVariant: string;
        right: string;
        top: any;
        Toggle: any;
    };
};
export declare const WithIcons: {
    args: {
        list: {
            icon: string;
            title: string;
            slug: string;
            onClick: () => void;
        }[];
        show: boolean;
        size: string;
        isShowTopChevron: boolean;
        childrenVariant: string;
        right: string;
        width: any;
        top: any;
        Toggle: any;
    };
};
export declare const EmptyList: {
    args: {
        list: any[];
        show: boolean;
        size: string;
        isShowTopChevron: boolean;
        childrenVariant: string;
        right: string;
        width: any;
        top: any;
        Toggle: any;
    };
};
export declare const SingleItem: {
    args: {
        list: {
            title: string;
            slug: string;
            onClick: () => void;
        }[];
        show: boolean;
        size: string;
        isShowTopChevron: boolean;
        childrenVariant: string;
        right: string;
        width: any;
        top: any;
        Toggle: any;
    };
};
export declare const WithCustomItemComponent: {
    args: {
        list: ({
            title: string;
            onClick: () => void;
            component: ({ children, onClick }: {
                children: any;
                onClick: any;
            }) => React.JSX.Element;
            slug?: undefined;
        } | {
            title: string;
            slug: string;
            onClick: () => void;
            component?: undefined;
        })[];
        show: boolean;
        size: string;
        isShowTopChevron: boolean;
        childrenVariant: string;
        right: string;
        width: any;
        top: any;
        Toggle: any;
    };
};
export declare const CustomToggle: {
    args: {
        show: boolean;
        Toggle: ({ show }: {
            show: any;
        }) => React.JSX.Element;
        size: string;
        isShowTopChevron: boolean;
        right: string;
        width: string;
        top: string;
        childrenVariant: string;
        list: {
            icon: string;
            title: string;
            slug: string;
            onClick: () => void;
        }[];
    };
};
export declare const CustomToggleButton: {
    args: {
        show: boolean;
        Toggle: () => React.JSX.Element;
        list: ({
            icon: string;
            title: string;
            slug: string;
            onClick: () => void;
        } | {
            title: string;
            slug: string;
            onClick: () => void;
            icon?: undefined;
        })[];
        size: string;
        isShowTopChevron: boolean;
        childrenVariant: string;
        right: string;
        width: any;
        top: any;
    };
};
export declare const AllSizes: {
    args: {
        list: ({
            icon: string;
            title: string;
            slug: string;
            onClick: () => void;
        } | {
            title: string;
            slug: string;
            onClick: () => void;
            icon?: undefined;
        })[];
        show: boolean;
        size: string;
        isShowTopChevron: boolean;
        childrenVariant: string;
        right: string;
        width: any;
        top: any;
        Toggle: any;
    };
    render: (args: any) => React.JSX.Element;
};
export declare const Complete: {
    args: {
        show: boolean;
        size: string;
        childrenVariant: string;
        isShowTopChevron: boolean;
        width: string;
        top: string;
        list: {
            icon: string;
            title: string;
            slug: string;
            onClick: () => void;
        }[];
        Toggle: ({ show }: {
            show: any;
        }) => React.JSX.Element;
        right: string;
    };
};