/**
 * @license EUPL-1.2+
 * Copyright Gemeente Amsterdam
 */
import type { HTMLAttributes, PropsWithChildren } from 'react';
import type { GridColumnNumber, GridColumnNumbers } from '../Grid/Grid';
import type { BreakoutRowNumber, BreakoutRowNumbers } from './Breakout';
export declare const breakoutCellTags: readonly ["article", "div", "section"];
type BreakoutCellTag = (typeof breakoutCellTags)[number];
type BreakoutCellSpanAllProps = {
    /** Lets the cell span the full width of all grid variants. */
    readonly colSpan: 'all';
    readonly colStart?: never;
    /**
     * Marks that this cell contains a Spotlight.
     * The cell then expands horizontally and vertically to cover the adjacent gaps and margins.
     */
    readonly has?: 'spotlight';
};
type BreakoutCellSpanAndStartProps = {
    /**
     * The amount of grid columns the cell spans.
     * Accepts a number, an object of numbers per grid variant – narrow, medium, and wide – or ‘all’ to span the full width.
     */
    readonly colSpan?: 'all' | GridColumnNumber | GridColumnNumbers;
    /**
     * The index of the grid column the cell starts at.
     * Accepts a number or an object of numbers per grid variant.
     */
    readonly colStart?: GridColumnNumber | GridColumnNumbers;
    /**
     * Marks that this cell contains a Figure.
     * The cell then aligns itself to the bottom of the row, in case it is less tall than the text.
     */
    readonly has?: 'figure';
};
type BreakoutCellRowSpanAndStartProps = {
    /**
     * The amount of grid rows the cell spans.
     * Accepts a number or an object of numbers per grid variant.
     */
    readonly rowSpan?: BreakoutRowNumber | BreakoutRowNumbers;
    /**
     * The index of the grid row the cell starts at.
     * Accepts a number or an object of numbers per grid variant.
     */
    readonly rowStart?: BreakoutRowNumber | BreakoutRowNumbers;
};
export type BreakoutCellProps = {
    /**
     * The HTML element to use.
     * @default div
     */
    readonly as?: BreakoutCellTag;
} & Readonly<BreakoutCellRowSpanAndStartProps> & Readonly<BreakoutCellSpanAllProps | BreakoutCellSpanAndStartProps> & Readonly<PropsWithChildren<HTMLAttributes<HTMLElement>>>;
export declare const BreakoutCell: import("react").ForwardRefExoticComponent<BreakoutCellProps & import("react").RefAttributes<HTMLElement>>;
export {};