/**
 * A layout container that arranges its children in rows and columns, with a uniform gap and configurable alignment. Place `dds-grid-item` in it to span several columns or rows. It is a generic container to assistive technology; set `role` and `aria-*` on the host where the content has meaning.
 *
 * @slot - The elements arranged in the grid. Accepts any element, and `<dds-grid-item>` where a child needs to span.
 */
export declare class Grid {
    /** The column tracks, as a CSS track list such as `repeat(3, 1fr)` or `1fr auto`. No scale backs it and the track grammar is too open for an allowlist, so an invalid value is dropped by the browser. */
    gridTemplateColumns?: string;
    /** The row tracks, as a CSS track list such as `auto 1fr`. No scale backs it and the track grammar is too open for an allowlist, so an invalid value is dropped by the browser. */
    gridTemplateRows?: string;
    /** The space between rows and columns on both axes. `rowGap` and `columnGap` override it per axis. */
    gap: "none" | "xxs" | "xs" | "s" | "m" | "l" | "xl";
    /** The space between rows, on the block axis. Overrides the row value of `gap`. */
    rowGap?: "none" | "xxs" | "xs" | "s" | "m" | "l" | "xl";
    /** The space between columns, on the inline axis. Overrides the column value of `gap`. */
    columnGap?: "none" | "xxs" | "xs" | "s" | "m" | "l" | "xl";
    /** How items align within their cell on the block axis. */
    alignItems: "start" | "end" | "center" | "stretch" | "baseline" | "normal";
    /** How items align within their cell on the inline axis. */
    justifyItems: "start" | "end" | "center" | "stretch" | "baseline" | "normal";
    /** How the rows are distributed on the block axis when the grid is larger than its tracks. */
    alignContent: "start" | "end" | "center" | "stretch" | "baseline" | "space-between" | "space-around" | "space-evenly" | "normal";
    /** How the columns are distributed on the inline axis when the grid is larger than its tracks. */
    justifyContent: "start" | "end" | "center" | "stretch" | "baseline" | "space-between" | "space-around" | "space-evenly" | "normal";
    render(): import("@stencil/core/jsx-runtime").JSX.Element;
}