/**
 * A layout container that arranges its children along a single axis with a uniform gap and configurable alignment. 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 stack.
 */
export declare class Stack {
    /** The axis children are placed along: `block` stacks them vertically, `inline` places them in a row. */
    direction: "block" | "inline";
    /** Whether children flow onto the next line when they do not fit. */
    wrap: boolean;
    /** The space between children 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 children align on the axis perpendicular to `direction`. */
    alignItems: "start" | "end" | "center" | "stretch" | "baseline" | "normal";
    /** How wrapped lines are distributed on the axis perpendicular to `direction`. Has no effect unless `wrap` is set. */
    alignContent: "start" | "end" | "center" | "stretch" | "baseline" | "space-between" | "space-around" | "space-evenly" | "normal";
    /** How children are distributed along `direction`. */
    justifyContent: "start" | "end" | "center" | "stretch" | "baseline" | "space-between" | "space-around" | "space-evenly" | "normal";
    render(): import("@stencil/core/jsx-runtime").JSX.Element;
}