import React from 'react';
export interface IGridLayoutProps {
    minWidth?: number | number[];
    maxWidth?: number | number[];
    minColumns?: number | number[];
    maxColumns?: number | number[];
    colWrap?: boolean | boolean[];
    breakpoints?: number[];
    columnGap?: number;
    rowGap?: number;
    dense?: boolean;
    gridTemplateColumns?: string[];
    gridTemplateRows?: string[];
    justifyItems?: string;
    alignItems?: string;
    justifyContent?: string;
    alignContent?: string;
    className?: string;
    style?: React.CSSProperties;
}
export interface IGridColumnProps {
    gridColumnSpan?: number;
    gridRowSpan?: number;
    justifySelf?: string;
    alignSelf?: string;
    style?: React.CSSProperties;
    className?: string;
}
declare type ComposedFormGrid = React.FC<IGridLayoutProps> & {
    GridColumn: React.FC<IGridColumnProps>;
    useGridSpan: (gridColumnSpan: number) => number;
};
export declare const useGridSpan: (gridColumnSpan?: number) => number;
export declare const GridLayout: ComposedFormGrid;
export declare const GridColumn: React.FC<IGridColumnProps>;
export default GridLayout;