import React from 'react';
interface Gap {
    col: string;
    row: string;
}
interface Col {
    mobile: number;
    tablet: number;
    smallDesktop: number;
    desktop: number;
}
type GridBase = React.PropsWithChildren<React.HTMLAttributes<HTMLDivElement> & {
    widthMin?: React.CSSProperties['width'];
    widthMax?: React.CSSProperties['width'];
    padding?: React.CSSProperties['padding'];
    margin?: React.CSSProperties['margin'];
    minHeight?: React.CSSProperties['minHeight'];
    loading?: boolean;
    style?: React.CSSProperties;
}>;
export type GridContainerProps = GridBase & {
    layout: 'container';
    gap?: Gap;
    justifyContent?: never;
    alignItems?: never;
    flexWrap?: never;
    col?: never;
};
export type GridFlexProps = GridBase & {
    layout: 'flex';
    gap?: Gap;
    justifyContent?: React.CSSProperties['justifyContent'];
    alignItems?: React.CSSProperties['alignItems'];
    flexWrap?: React.CSSProperties['flexWrap'];
    col?: never;
};
export type GridColumnsProps = GridBase & {
    layout: 'columns';
    gap: Gap;
    col: Col;
    justifyContent?: never;
    alignItems?: never;
    flexWrap?: never;
};
export declare const Grid: React.FC<GridColumnsProps | GridFlexProps | GridContainerProps>;
export {};