/**
 * @license EUPL-1.2+
 * Copyright Gemeente Amsterdam
 */
import type { HTMLAttributes, PropsWithChildren } from 'react';
import type { GridColumnNumber, GridColumnNumbers, GridRowNumber, GridRowNumbers } from './Grid';
export declare const gridCellAppearances: readonly ["flush", "transparent"];
export type GridCellAppearance = (typeof gridCellAppearances)[number];
export declare const gridCellTags: readonly ["article", "aside", "div", "footer", "header", "li", "main", "nav", "section"];
export type GridCellTag = (typeof gridCellTags)[number];
type GridCellSpanAllProp = {
    /** Lets the cell span the full width of all grid variants. */
    readonly span: 'all';
    readonly start?: never;
};
type GridCellSpanAndStartProps = {
    /**
     * 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 span?: GridColumnNumber | GridColumnNumbers;
    /**
     * The index of the grid column the cell starts at.
     * Accepts a number or an object of numbers per grid variant.
     */
    readonly start?: GridColumnNumber | GridColumnNumbers;
};
export type GridCellProps = {
    /**
     * Controls the background of the cell.
     *
     * In Compact Mode, cells have a background colour and padding to set them apart.
     * The flush variant removes the padding but keeps the background colour.
     * The transparent variant removes both background and padding.
     *
     * In Spacious Mode, cells are always transparent and without padding; this prop has no effect.
     */
    readonly appearance?: GridCellAppearance;
    /**
     * The HTML tag to use.
     * @default div
     */
    readonly as?: GridCellTag;
    /**
     * The amount of grid rows the cell spans.
     * Accepts a number or an object of numbers per grid variant.
     */
    readonly rowSpan?: GridRowNumber | GridRowNumbers;
    /**
     * The index of the grid row the cell starts at.
     * Accepts a number or an object of numbers per grid variant.
     *
     * Only needed to place a cell before a sibling that starts at an earlier column:
     * automatic placement never moves back a column without moving down a row.
     */
    readonly rowStart?: GridRowNumber | GridRowNumbers;
} & Readonly<PropsWithChildren<HTMLAttributes<HTMLElement>>> & (GridCellSpanAllProp | GridCellSpanAndStartProps);
/**
 * One cell within the Grid, spanning one or more columns and optionally rows.
 *
 * @see {@link https://designsystem.amsterdam/?path=/docs/components-layout-grid--docs Grid docs at Amsterdam Design System}
 */
export declare const GridCell: import("react").ForwardRefExoticComponent<GridCellProps & import("react").RefAttributes<HTMLElement>>;
export {};