/**
 * @license EUPL-1.2+
 * Copyright Gemeente Amsterdam
 */
import type { HTMLAttributes, PropsWithChildren } from 'react';
import type { CrossAlign, MainAlign } from '../common/types';
export declare const rowGaps: readonly ["none", "x-small", "small", "large", "x-large"];
type RowGap = (typeof rowGaps)[number];
type RowTag = 'article' | 'div' | 'section';
export type RowProps = {
    /**
     * The horizontal alignment of the items in the row.
     * @default start
     */
    align?: MainAlign;
    /**
     * The vertical alignment of the items in the row.
     * @default stretch
     */
    alignVertical?: CrossAlign;
    /**
     * The HTML element to use.
     * @default div
     */
    as?: RowTag;
    /**
     * The amount of space between items.
     * @default medium
     */
    gap?: RowGap;
    /**
     * Whether items of the row can wrap onto multiple lines.
     * @default false
     */
    wrap?: boolean;
} & PropsWithChildren<HTMLAttributes<HTMLElement>>;
export declare const Row: import("react").ForwardRefExoticComponent<{
    /**
     * The horizontal alignment of the items in the row.
     * @default start
     */
    align?: MainAlign;
    /**
     * The vertical alignment of the items in the row.
     * @default stretch
     */
    alignVertical?: CrossAlign;
    /**
     * The HTML element to use.
     * @default div
     */
    as?: RowTag;
    /**
     * The amount of space between items.
     * @default medium
     */
    gap?: RowGap;
    /**
     * Whether items of the row can wrap onto multiple lines.
     * @default false
     */
    wrap?: boolean;
} & HTMLAttributes<HTMLElement> & {
    children?: import("react").ReactNode | undefined;
} & import("react").RefAttributes<unknown>>;
export {};