/**
 * @license EUPL-1.2+
 * Copyright Gemeente Amsterdam
 */
import type { GridBaseProps } from '../Grid/Grid';
export type BreakoutRowNumber = 1 | 2 | 3 | 4;
export type BreakoutRowNumbers = {
    narrow: BreakoutRowNumber;
    medium: BreakoutRowNumber;
    wide: BreakoutRowNumber;
};
/** The tags of a Grid without the list elements: a Breakout widens a figure, which is never a list. */
export declare const breakoutTags: readonly ["article", "aside", "div", "footer", "header", "main", "nav", "section"];
export type BreakoutTag = (typeof breakoutTags)[number];
export type BreakoutProps = {
    /**
     * The HTML tag to use.
     * @default div
     */
    readonly as?: BreakoutTag;
} & GridBaseProps;
/**
 * A composition that lets a figure – e.g. an image, video or map – break out of a Spotlight.
 *
 * @see {@link https://designsystem.amsterdam/?path=/docs/components-layout-breakout--docs Breakout docs at Amsterdam Design System}
 */
export declare const Breakout: import("react").ForwardRefExoticComponent<BreakoutProps & import("react").RefAttributes<HTMLElement>> & {
    Cell: import("react").ForwardRefExoticComponent<import("./BreakoutCell").BreakoutCellProps & import("react").RefAttributes<HTMLElement>>;
};