import type * as React from "react";
import type { Theme } from "../defaultTheme";
import type * as Common from "../common/types";
export type Direction = "row" | "column" | "row-reverse" | "column-reverse";
export type Align = "start" | "end" | "center" | "stretch" | "baseline";
export type Justify = "start" | "end" | "center" | "between" | "around";
export type Basis = string | ((theme: Theme) => string);
export type Spacing = "none" | "reverse" | "50" | "100" | "150" | "200" | "300" | "400" | "500" | "600" | "800" | "1000" | "1200" | "1600";
export interface CommonProps extends Common.SpaceAfter {
    readonly inline?: boolean;
    readonly direction?: Direction;
    readonly flex?: boolean;
    readonly wrap?: boolean;
    readonly grow?: boolean;
    readonly shrink?: boolean;
    readonly basis?: Basis;
    readonly align?: Align;
    readonly justify?: Justify;
    readonly spacing?: Spacing;
    /**
     * @deprecated This prop is deprecated. Use `useMargin` instead.
     */
    readonly legacy?: boolean;
    readonly useMargin?: boolean;
}
export interface Props extends CommonProps, Common.Globals {
    readonly mediumMobile?: CommonProps;
    readonly largeMobile?: CommonProps;
    readonly tablet?: CommonProps;
    readonly desktop?: CommonProps;
    readonly as?: string;
    readonly largeDesktop?: CommonProps;
    readonly children: React.ReactNode;
    readonly ariaLabel?: string;
}
//# sourceMappingURL=types.d.ts.map