import { Spacing } from "./spacing";
import { SuggestStrings } from "../types/common";
export interface DisplayProps {
    $display?: "block" | "inline" | "inline-block" | "none";
}
export interface PaddingProps {
    $p?: SuggestStrings<Spacing>;
    $px?: SuggestStrings<Spacing>;
    $py?: SuggestStrings<Spacing>;
    $pt?: SuggestStrings<Spacing>;
    $pr?: SuggestStrings<Spacing>;
    $pb?: SuggestStrings<Spacing>;
    $pl?: SuggestStrings<Spacing>;
}
export interface MarginProps {
    $m?: SuggestStrings<Spacing>;
    $mx?: SuggestStrings<Spacing>;
    $my?: SuggestStrings<Spacing>;
    $mt?: SuggestStrings<Spacing>;
    $mr?: SuggestStrings<Spacing>;
    $mb?: SuggestStrings<Spacing>;
    $ml?: SuggestStrings<Spacing>;
}
export interface SpacingProps extends PaddingProps, MarginProps {
}
export interface WidthProps {
    $width?: string;
    $minWidth?: string;
    $maxWidth?: string;
}
export interface HeightProps {
    $height?: string;
    $minHeight?: string;
    $maxHeight?: string;
}
export interface DimensionsProps extends WidthProps, HeightProps {
}
export interface PositionProps {
    $position?: "static" | "relative" | "absolute" | "fixed" | "sticky";
    $top?: string;
    $right?: string;
    $bottom?: string;
    $left?: string;
}
export interface OverflowProps {
    $overflow?: "visible" | "hidden" | "scroll" | "clip" | "auto";
    $overflowX?: "visible" | "hidden" | "scroll" | "clip" | "auto";
    $overflowY?: "visible" | "hidden" | "scroll" | "clip" | "auto";
}
export interface FlexItemProps {
    /** How the flexbox item is aligned on the cross axis */
    $flexAlign?: "start" | "end" | "center" | "baseline" | "stretch" | "auto";
    /** The order of the flexbox item */
    $flexOrder?: string;
    /** How much the flexbox item can grow */
    $flexGrow?: SuggestStrings<"0" | "1">;
    /** How much the flexbox item can shrink */
    $flexShrink?: SuggestStrings<"0" | "1">;
    /** The size of the flexbox item */
    $flexBasis?: string;
}
export interface GridItemProps {
    /** The grid area */
    $gridArea?: string;
    /** The row position */
    $gridRow?: string;
    /** The row start position */
    $gridRowStart?: string;
    /** The row end position */
    $gridRowEnd?: string;
    /** The column position */
    $gridColumn?: string;
    /** The column start position */
    $gridColumnStart?: string;
    /** The column end position */
    $gridColumnEnd?: string;
}
export interface LayoutProps extends SpacingProps, DimensionsProps, PositionProps, OverflowProps, FlexItemProps, GridItemProps {
}
export declare function display(props: DisplayProps): {
    display: "block" | "none" | "inline" | "inline-block" | undefined;
};
export declare function margins(props: MarginProps): {
    margin: string | undefined;
    marginTop: string | undefined;
    marginRight: string | undefined;
    marginBottom: string | undefined;
    marginLeft: string | undefined;
};
export declare namespace margins {
    var defaults: (defaults: MarginProps) => (props: MarginProps) => {
        margin: string | undefined;
        marginTop: string | undefined;
        marginRight: string | undefined;
        marginBottom: string | undefined;
        marginLeft: string | undefined;
    };
}
export declare function padding(props: PaddingProps): {
    padding: string | undefined;
    paddingTop: string | undefined;
    paddingRight: string | undefined;
    paddingBottom: string | undefined;
    paddingLeft: string | undefined;
};
export declare namespace padding {
    var defaults: (defaults: PaddingProps) => (props: PaddingProps) => {
        padding: string | undefined;
        paddingTop: string | undefined;
        paddingRight: string | undefined;
        paddingBottom: string | undefined;
        paddingLeft: string | undefined;
    };
}
export declare function spacing(props: SpacingProps): {
    padding: string | undefined;
    paddingTop: string | undefined;
    paddingRight: string | undefined;
    paddingBottom: string | undefined;
    paddingLeft: string | undefined;
    margin: string | undefined;
    marginTop: string | undefined;
    marginRight: string | undefined;
    marginBottom: string | undefined;
    marginLeft: string | undefined;
};
export declare function width(props: WidthProps): {
    width: string | undefined;
    minWidth: string | undefined;
    maxWidth: string | undefined;
};
export declare function height(props: HeightProps): {
    height: string | undefined;
    minHeight: string | undefined;
    maxHeight: string | undefined;
};
export declare function dimensions(props: DimensionsProps): {
    height: string | undefined;
    minHeight: string | undefined;
    maxHeight: string | undefined;
    width: string | undefined;
    minWidth: string | undefined;
    maxWidth: string | undefined;
};
export declare function position(props: PositionProps): {
    position: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
    top: string | undefined;
    right: string | undefined;
    bottom: string | undefined;
    left: string | undefined;
};
export declare function overflow(props: OverflowProps): {
    overflow: "auto" | "hidden" | "visible" | "scroll" | "clip" | undefined;
    overflowX: "auto" | "hidden" | "visible" | "scroll" | "clip" | undefined;
    overflowY: "auto" | "hidden" | "visible" | "scroll" | "clip" | undefined;
};
export declare function flexItem(props: FlexItemProps): {
    alignSelf: string | undefined;
    order: string | undefined;
    flexGrow: SuggestStrings<"0" | "1"> | undefined;
    flexShrink: SuggestStrings<"0" | "1"> | undefined;
    flexBasis: string | undefined;
};
export declare function gridItem(props: GridItemProps): {
    gridArea: string | undefined;
    gridRow: string | undefined;
    gridRowStart: string | undefined;
    gridRowEnd: string | undefined;
    gridColumn: string | undefined;
    gridColumnStart: string | undefined;
    gridColumnEnd: string | undefined;
};
export declare function layout(props: LayoutProps): {
    gridArea: string | undefined;
    gridRow: string | undefined;
    gridRowStart: string | undefined;
    gridRowEnd: string | undefined;
    gridColumn: string | undefined;
    gridColumnStart: string | undefined;
    gridColumnEnd: string | undefined;
    alignSelf: string | undefined;
    order: string | undefined;
    flexGrow: SuggestStrings<"0" | "1"> | undefined;
    flexShrink: SuggestStrings<"0" | "1"> | undefined;
    flexBasis: string | undefined;
    overflow: "auto" | "hidden" | "visible" | "scroll" | "clip" | undefined;
    overflowX: "auto" | "hidden" | "visible" | "scroll" | "clip" | undefined;
    overflowY: "auto" | "hidden" | "visible" | "scroll" | "clip" | undefined;
    position: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
    top: string | undefined;
    right: string | undefined;
    bottom: string | undefined;
    left: string | undefined;
    height: string | undefined;
    minHeight: string | undefined;
    maxHeight: string | undefined;
    width: string | undefined;
    minWidth: string | undefined;
    maxWidth: string | undefined;
    padding: string | undefined;
    paddingTop: string | undefined;
    paddingRight: string | undefined;
    paddingBottom: string | undefined;
    paddingLeft: string | undefined;
    margin: string | undefined;
    marginTop: string | undefined;
    marginRight: string | undefined;
    marginBottom: string | undefined;
    marginLeft: string | undefined;
};
export declare namespace layout {
    var defaults: (defaults: LayoutProps) => (props: LayoutProps) => {
        gridArea: string | undefined;
        gridRow: string | undefined;
        gridRowStart: string | undefined;
        gridRowEnd: string | undefined;
        gridColumn: string | undefined;
        gridColumnStart: string | undefined;
        gridColumnEnd: string | undefined;
        alignSelf: string | undefined;
        order: string | undefined;
        flexGrow: SuggestStrings<"0" | "1"> | undefined;
        flexShrink: SuggestStrings<"0" | "1"> | undefined;
        flexBasis: string | undefined;
        overflow: "auto" | "hidden" | "visible" | "scroll" | "clip" | undefined;
        overflowX: "auto" | "hidden" | "visible" | "scroll" | "clip" | undefined;
        overflowY: "auto" | "hidden" | "visible" | "scroll" | "clip" | undefined;
        position: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
        top: string | undefined;
        right: string | undefined;
        bottom: string | undefined;
        left: string | undefined;
        height: string | undefined;
        minHeight: string | undefined;
        maxHeight: string | undefined;
        width: string | undefined;
        minWidth: string | undefined;
        maxWidth: string | undefined;
        padding: string | undefined;
        paddingTop: string | undefined;
        paddingRight: string | undefined;
        paddingBottom: string | undefined;
        paddingLeft: string | undefined;
        margin: string | undefined;
        marginTop: string | undefined;
        marginRight: string | undefined;
        marginBottom: string | undefined;
        marginLeft: string | undefined;
    };
}