import React from "react";
declare const _default: {
    title: string;
    component: (props: any) => React.JSX.Element;
    tags: string[];
    argTypes: {
        rowLength: {
            control: {
                type: string;
                min: number;
                max: number;
                step: number;
            };
        };
        hasActiveItem: {
            control: string;
        };
        gridItemWidth: {
            control: string;
        };
        data: {
            control: string;
        };
    };
};
export default _default;
export declare const Default: {
    args: {
        data: any[];
        rowLength: number;
        hasActiveItem: boolean;
        gridItemWidth: string;
    };
};
export declare const Empty: {
    args: {
        data: any[];
        rowLength: number;
        hasActiveItem: boolean;
        gridItemWidth: string;
    };
};
export declare const ShortList: {
    args: {
        data: {
            id: number;
            name: string;
            slug: string;
            isActive: boolean;
        }[];
        rowLength: number;
        hasActiveItem: boolean;
        gridItemWidth: string;
    };
};
export declare const WithoutActiveItem: {
    args: {
        data: {
            id: number;
            name: string;
            slug: string;
            isActive: boolean;
        }[];
        hasActiveItem: boolean;
        rowLength: number;
        gridItemWidth: string;
    };
};
export declare const WithBadges: {
    args: {
        data: ({
            id: number;
            name: string;
            slug: string;
            hasBadge: boolean;
            badgeText: string;
            isActive: boolean;
        } | {
            id: number;
            name: string;
            slug: string;
            isActive: boolean;
            hasBadge?: undefined;
            badgeText?: undefined;
        })[];
        rowLength: number;
        hasActiveItem: boolean;
        gridItemWidth: string;
    };
};
export declare const WithSeeAll: {
    args: {
        data: ({
            id: number;
            name: string;
            slug: string;
            isActive: boolean;
            isSeeAll?: undefined;
        } | {
            id: number;
            name: string;
            slug: string;
            isSeeAll: boolean;
            isActive: boolean;
        })[];
        rowLength: number;
        hasActiveItem: boolean;
        gridItemWidth: string;
    };
};
export declare const WideItems: {
    args: {
        data: {
            id: number;
            name: string;
            slug: string;
            isActive: boolean;
        }[];
        gridItemWidth: string;
        rowLength: number;
        hasActiveItem: boolean;
    };
};
export declare const NarrowRows: {
    args: {
        rowLength: number;
        data: any[];
        hasActiveItem: boolean;
        gridItemWidth: string;
    };
};
export declare const LongerRows: {
    args: {
        rowLength: number;
        data: any[];
        hasActiveItem: boolean;
        gridItemWidth: string;
    };
};
export declare const WithCustomComponent: {
    args: {
        data: ({
            id: number;
            name: string;
            isActive: boolean;
            component: ({ children }: {
                children: any;
            }) => React.JSX.Element;
            slug?: undefined;
        } | {
            id: number;
            name: string;
            slug: string;
            isActive: boolean;
            component?: undefined;
        })[];
        rowLength: number;
        hasActiveItem: boolean;
        gridItemWidth: string;
    };
};