import { Responsive } from "@/utils";
import { HTMLAttributes } from "@builder.io/qwik";
declare const gapClasses: {
    readonly 0: "gap-0";
    readonly 1: "gap-1";
    readonly 2: "gap-2";
    readonly 3: "gap-3";
    readonly 4: "gap-4";
    readonly 5: "gap-5";
    readonly 6: "gap-6";
    readonly 7: "gap-7";
    readonly 8: "gap-8";
    readonly 9: "gap-9";
    readonly 10: "gap-10";
};
type Gap = keyof typeof gapClasses;
declare const flexDirectionClasses: {
    readonly row: "flex-row";
    readonly column: "flex-col";
};
type Direction = keyof typeof flexDirectionClasses;
declare const justifyContentClasses: {
    readonly start: "justify-start";
    readonly center: "justify-center";
    readonly end: "justify-end";
    readonly between: "justify-between";
    readonly around: "justify-around";
    readonly evenly: "justify-evenly";
};
type JustifyContent = keyof typeof justifyContentClasses;
declare const alignItemsClasses: {
    readonly start: "items-start";
    readonly center: "items-center";
    readonly end: "items-end";
    readonly stretch: "items-stretch";
    readonly baseline: "items-baseline";
};
type AlignItems = keyof typeof alignItemsClasses;
declare const alignContentClasses: {
    readonly start: "content-start";
    readonly center: "content-center";
    readonly end: "content-end";
    readonly between: "content-between";
    readonly around: "content-around";
    readonly evenly: "content-evenly";
    readonly stretch: "content-stretch";
};
type AlignContent = keyof typeof alignContentClasses;
export interface FlexProps extends HTMLAttributes<HTMLDivElement> {
    gap?: Responsive<Gap>;
    direction?: Responsive<Direction>;
    justifyContent?: Responsive<JustifyContent>;
    alignItems?: Responsive<AlignItems>;
    alignContent?: Responsive<AlignContent>;
    class?: string;
}
export declare const Flex: import("@builder.io/qwik").Component<FlexProps>;
export {};