import { SuggestStrings } from "../types";
import { Spacing } from "./spacing";
export interface FlexStyleProps {
    $display?: "flex" | "inline-flex" | "none";
    $direction?: "row" | "row-reverse" | "column" | "column-reverse";
    $align?: "start" | "end" | "center" | "baseline" | "stretch";
    $justify?: "start" | "end" | "center" | "space-between" | "space-around" | "space-evenly" | "left" | "right";
    $wrap?: "nowrap" | "wrap" | "wrap-reverse";
    $gap?: SuggestStrings<Spacing>;
    $gapX?: SuggestStrings<Spacing>;
    $gapY?: SuggestStrings<Spacing>;
}
export declare function flex(props: FlexStyleProps): {
    display: "none" | "flex" | "inline-flex";
    flexDirection: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
    alignItems: string | undefined;
    justifyContent: "left" | "start" | "right" | "end" | "center" | "space-around" | "space-between" | "space-evenly" | undefined;
    flexWrap: "nowrap" | "wrap" | "wrap-reverse" | undefined;
    gap: string | undefined;
    columnGap: string | undefined;
    rowGap: string | undefined;
};
export declare namespace flex {
    var defaults: (defaults: FlexStyleProps) => (props: FlexStyleProps) => {
        display: "none" | "flex" | "inline-flex";
        flexDirection: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
        alignItems: string | undefined;
        justifyContent: "left" | "start" | "right" | "end" | "center" | "space-around" | "space-between" | "space-evenly" | undefined;
        flexWrap: "nowrap" | "wrap" | "wrap-reverse" | undefined;
        gap: string | undefined;
        columnGap: string | undefined;
        rowGap: string | undefined;
    };
}
export declare const flexAlignMap: Record<string, string | undefined>;