import React from 'react';
import { RowAlign, RowJustify } from './styles';
export interface RowStyleOptions {
    gutter?: number | number[];
    outerGutter?: number;
    justify?: RowJustify;
    align?: RowAlign;
}
export interface RowProps {
    /**
     * to align all `Col` in the `Row` vertically
     */
    align?: RowAlign;
    /**
     * Insert text/child element into the Row
     */
    children?: React.ReactNode;
    /**
     * To apply custom class (style) into `Row`. **Use it carefully!** it may replace the default style rules
     */
    className?: string;
    /**
     * To disable overflow-x: hidden on the `Row`
     */
    disableOverflowHide?: boolean;
    /**
     * To set the spacing between children columns (`Col`). Use `gutter={number}` or use array to make horizontal and vertical spacing work at the same time `gutter={[horizontal, vertical]}`
     */
    gutter?: number | number[];
    /**
     * To justify all `Col` in the `Row` horizontally
     */
    justify?: RowJustify;
    /**
     * To set maximum allowed column span in the `Row`
     */
    maxCol?: number;
    /**
     * To set the spacing in the outer side of the `Row`
     */
    outerGutter?: number;
}
declare const Row: React.ForwardRefExoticComponent<RowProps & React.RefAttributes<unknown>>;
export default Row;