import * as React from 'react';
import type { CommonProps } from '../../../box/common_props/common_props';
import type { Space } from '../../../metrics/metrics';
import type { ResponsiveValue } from '../../../responsive/responsive';
export declare const alignXs: readonly ["start", "center", "end", "spaceBetween", "spaceAround"];
export type ColumnsAlignX = (typeof alignXs)[number];
export declare const alignYs: readonly ["start", "center", "end", "stretch", "baseline"];
export type ColumnsAlignY = (typeof alignYs)[number];
export declare const heights: readonly ["unset", "full"];
export type ColumnsHeight = (typeof heights)[number];
export declare const breakpoints: readonly ["small", "medium", "large", "xLarge"];
type Breakpoint = (typeof breakpoints)[number];
export type ColumnWidth = 'fluid' | 'content' | 'containedContent' | FixedWidth;
type FixedWidth = FractionsOf<2> | FractionsOf<3> | FractionsOf<4> | FractionsOf<5> | FractionsOf<6> | FractionsOf<12>;
export type ColumnProps = {
    ref?: React.Ref<HTMLElement>
    width?: ColumnWidth
    children?: React.ReactNode
} & CommonProps;
export declare function Column({ width, children, tagName: TagName, ref, ...rest }: ColumnProps): React.ReactNode;
export type ColumnsProps = {
    ref?: React.Ref<HTMLElement>
    children?: React.ReactNode
    spacing: ResponsiveValue<Space>
    align?: ResponsiveValue<ColumnsAlignX>
    alignY?: ResponsiveValue<ColumnsAlignY>
    height?: ResponsiveValue<ColumnsHeight>
    reversed?: boolean
    collapseBelow?: Breakpoint
    collapsed?: boolean
} & CommonProps;
export declare function Columns(
 { children, spacing, align, alignY, height, tagName: TagName, reversed, collapseBelow, collapsed, ref, ...rest }: ColumnsProps
): React.ReactNode;
type Enumerate<N extends number, Acc extends number[] = []> = Acc['length'] extends N ? Acc[number] : Enumerate<N, [...Acc, Acc['length']]>;
type FractionsOf<D extends number> = `${Exclude<Enumerate<D>, 0>}/${D}`;
export {};