/** * @license EUPL-1.2+ * Copyright Gemeente Amsterdam */ import type { HTMLAttributes, PropsWithChildren } from 'react'; import type { CrossAlign, MainAlign } from '../common/types'; export declare const rowTags: readonly ["article", "div", "section"]; type RowTag = (typeof rowTags)[number]; export declare const rowGapSizes: readonly ["none", "x-small", "small", "large", "x-large"]; type RowGap = (typeof rowGapSizes)[number]; export type RowProps = { /** * The horizontal alignment of the items in the row. * @default start */ readonly align?: MainAlign; /** * The vertical alignment of the items in the row. * @default stretch */ readonly alignVertical?: CrossAlign; /** * The HTML element to use. * @default div */ readonly as?: RowTag; /** * The amount of space between items. * @default medium */ readonly gap?: RowGap; /** * Whether items of the row can wrap onto multiple lines. * @default false */ readonly wrap?: boolean; } & Readonly>>; /** * Stacks its children horizontally with gaps between them and offers alignment options. * * @see {@link https://designsystem.amsterdam/?path=/docs/components-layout-row--docs Row docs at Amsterdam Design System} */ export declare const Row: import("react").ForwardRefExoticComponent<{ /** * The horizontal alignment of the items in the row. * @default start */ readonly align?: MainAlign; /** * The vertical alignment of the items in the row. * @default stretch */ readonly alignVertical?: CrossAlign; /** * The HTML element to use. * @default div */ readonly as?: RowTag; /** * The amount of space between items. * @default medium */ readonly gap?: RowGap; /** * Whether items of the row can wrap onto multiple lines. * @default false */ readonly wrap?: boolean; } & Readonly>> & import("react").RefAttributes>; export {};