/**
 * @license EUPL-1.2+
 * Copyright Gemeente Amsterdam
 */
import type { HTMLAttributes, PropsWithChildren } from 'react';
import type { CrossAlignForColumn, MainAlign } from '../common/types';
export declare const columnTags: readonly ["article", "div", "section"];
type ColumnTag = (typeof columnTags)[number];
export declare const columnGapSizes: readonly ["none", "x-small", "small", "large", "x-large"];
type ColumnGap = (typeof columnGapSizes)[number];
export type ColumnProps = {
    /**
     * The vertical alignment of the items in the column.
     * @default start
     */
    readonly align?: MainAlign;
    /**
     * The horizontal alignment of the items in the column.
     * @default stretch
     */
    readonly alignHorizontal?: CrossAlignForColumn;
    /**
     * The HTML element to use.
     * @default div
     */
    readonly as?: ColumnTag;
    /**
     * The amount of space between items.
     * @default medium
     */
    readonly gap?: ColumnGap;
} & Readonly<PropsWithChildren<HTMLAttributes<HTMLElement>>>;
/**
 * Stacks its children vertically with gaps between them and offers alignment options.
 *
 * @see {@link https://designsystem.amsterdam/?path=/docs/components-layout-column--docs Column docs at Amsterdam Design System}
 */
export declare const Column: import("react").ForwardRefExoticComponent<{
    /**
     * The vertical alignment of the items in the column.
     * @default start
     */
    readonly align?: MainAlign;
    /**
     * The horizontal alignment of the items in the column.
     * @default stretch
     */
    readonly alignHorizontal?: CrossAlignForColumn;
    /**
     * The HTML element to use.
     * @default div
     */
    readonly as?: ColumnTag;
    /**
     * The amount of space between items.
     * @default medium
     */
    readonly gap?: ColumnGap;
} & Readonly<PropsWithChildren<HTMLAttributes<HTMLElement>>> & import("react").RefAttributes<HTMLElement>>;
export {};