/**
 * @license EUPL-1.2+
 * Copyright Gemeente Amsterdam
 */
import type { HTMLAttributes, PropsWithChildren } from 'react';
export type GridColumnNumber = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
export type GridColumnNumbers = {
    narrow: 1 | 2 | 3 | 4;
    medium: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
    wide: GridColumnNumber;
};
export type GridRowNumber = 1 | 2 | 3 | 4;
export type GridRowNumbers = {
    narrow: GridRowNumber;
    medium: GridRowNumber;
    wide: GridRowNumber;
};
export declare const gridGaps: readonly ["none", "large", "2x-large"];
export type GridGap = (typeof gridGaps)[number];
export declare const gridPaddings: readonly ["large", "x-large", "2x-large"];
export type GridPadding = (typeof gridPaddings)[number];
export declare const gridTags: readonly ["article", "aside", "div", "footer", "header", "main", "nav", "ol", "section", "ul"];
export type GridTag = (typeof gridTags)[number];
type GridPaddingVerticalProp = {
    readonly paddingBottom?: never;
    readonly paddingTop?: never;
    /** The amount of space above and below. */
    readonly paddingVertical?: GridPadding;
};
type GridPaddingTopAndBottomProps = {
    /** The amount of space below. */
    readonly paddingBottom?: GridPadding;
    /** The amount of space above. */
    readonly paddingTop?: GridPadding;
    readonly paddingVertical?: never;
};
/** Every prop a Grid and a Breakout share, which is all but the tag: a Breakout is never a list. */
export type GridBaseProps = {
    /** The amount of space between rows. */
    readonly gapVertical?: GridGap;
} & Readonly<PropsWithChildren<HTMLAttributes<HTMLElement>>> & (GridPaddingVerticalProp | GridPaddingTopAndBottomProps);
export type GridProps = {
    /**
     * The HTML tag to use.
     * @default div
     */
    readonly as?: GridTag;
} & GridBaseProps;
/**
 * Divides the screen into columns to align the elements of a page.
 *
 * @see {@link https://designsystem.amsterdam/?path=/docs/components-layout-grid--docs Grid docs at Amsterdam Design System}
 */
export declare const Grid: import("react").ForwardRefExoticComponent<GridProps & import("react").RefAttributes<HTMLElement>> & {
    Cell: import("react").ForwardRefExoticComponent<import("./GridCell").GridCellProps & import("react").RefAttributes<HTMLElement>>;
    Subgrid: import("react").ForwardRefExoticComponent<import("./GridSubgrid").GridSubgridProps & import("react").RefAttributes<HTMLElement>>;
};
export {};