import React from "react";
declare const _default: {
    title: string;
    component: (props: any) => React.JSX.Element;
    tags: string[];
    argTypes: {
        data: {
            control: string;
        };
    };
};
export default _default;
export declare const Default: {
    args: {
        data: ({
            icon: string;
            title: string;
            isActive: boolean;
            hasNotification?: undefined;
        } | {
            icon: string;
            title: string;
            isActive: boolean;
            hasNotification: boolean;
        })[];
    };
};
export declare const Empty: {
    args: {
        data: any[];
    };
};
export declare const WithActiveItem: {
    args: {
        data: {
            title: string;
            icon: string;
            isActive: boolean;
        }[];
    };
};
export declare const WithNotification: {
    args: {
        data: ({
            title: string;
            icon: string;
            isActive: boolean;
            hasNotification?: undefined;
        } | {
            title: string;
            icon: string;
            isActive: boolean;
            hasNotification: boolean;
        })[];
    };
};
export declare const WithOnClick: {
    args: {
        data: {
            title: string;
            icon: string;
            isActive: boolean;
            onClick: () => void;
        }[];
    };
};
export declare const WithIcons: {
    args: {
        data: {
            title: string;
            icon: string;
            isActive: boolean;
        }[];
    };
};
export declare const WithoutIcons: {
    args: {
        data: {
            title: string;
            isActive: boolean;
        }[];
    };
};
export declare const SingleItem: {
    args: {
        data: {
            title: string;
            icon: string;
            isActive: boolean;
        }[];
    };
};
export declare const Interactive: {
    render: () => React.JSX.Element;
};