import { PropsWithChildren } from 'react';
import { ResponsiveProp } from '@ag.ds-next/core';
import { BoxProps } from '@ag.ds-next/box';
import { ColumnRange } from './utils';
export declare type ColumnsProps = PropsWithChildren<{
    /** The amount of space between each column or row. */
    gap?: BoxProps['gap'];
    /** The amount of space between each column. */
    columnGap?: BoxProps['columnGap'];
    /** The amount of space between each row. */
    rowGap?: BoxProps['rowGap'];
    /** Position children within their cell in the Grid. */
    alignItems?: BoxProps['alignItems'];
    /** The amount of columns that should be created. */
    cols?: ResponsiveProp<ColumnRange>;
}>;
export declare const Columns: import("@ag.ds-next/core/src/utils/forwardRefWithAs").CompWithAsProp<ColumnsProps, "div">;