import React from 'react';
export interface GridConfig {
    grid: boolean;
    config: string;
}
export declare const parseGridConfig: (config: string) => number[];
export declare const createGridComponents: (layout?: GridConfig | null, { tabSwitchMode, gap }?: {
    tabSwitchMode?: "anchor" | "switch" | undefined;
    gap?: number | undefined;
}) => {
    List: React.MemoExoticComponent<({ children, ...props }: any) => React.JSX.Element>;
    Item: React.MemoExoticComponent<({ children, index, item, ...props }: any) => React.JSX.Element | null>;
};
export declare const GRID_LAYOUTS: {
    readonly SINGLE_COLUMN: {
        readonly grid: false;
        readonly config: "12";
    };
    readonly TWO_COLUMNS: {
        readonly grid: true;
        readonly config: "12:12";
    };
    readonly THREE_COLUMNS: {
        readonly grid: true;
        readonly config: "8:8:8";
    };
    readonly FOUR_COLUMNS: {
        readonly grid: true;
        readonly config: "6:6:6:6";
    };
    readonly UNEQUAL_TWO: {
        readonly grid: true;
        readonly config: "8:16";
    };
    readonly UNEQUAL_THREE: {
        readonly grid: true;
        readonly config: "6:12:6";
    };
};
export declare const createTwoColumnGrid: () => {
    List: React.MemoExoticComponent<({ children, ...props }: any) => React.JSX.Element>;
    Item: React.MemoExoticComponent<({ children, index, item, ...props }: any) => React.JSX.Element | null>;
};
export declare const createCustomGrid: (config: string) => {
    List: React.MemoExoticComponent<({ children, ...props }: any) => React.JSX.Element>;
    Item: React.MemoExoticComponent<({ children, index, item, ...props }: any) => React.JSX.Element | null>;
};