import './MixFlex.css';
import { Space } from '../MixSpace';
export declare const mixFlexPropAlign: readonly ["flex-start", "flex-end", "center", "baseline", "stretch"];
export type MixFlexPropAlign = (typeof mixFlexPropAlign)[number];
export declare const mixFlexPropJustify: readonly ["flex-start", "flex-end", "center", "space-between", "space-around", "space-evenly"];
export type MixFlexPropJustify = (typeof mixFlexPropJustify)[number];
export declare const mixFlexPropFlex: readonly ["flex", "inline-flex"];
export type MixFlexPropFlex = (typeof mixFlexPropFlex)[number];
export declare const mixFlexPropWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
export type MixFlexPropWrap = (typeof mixFlexPropWrap)[number];
export declare const mixFlexPropDirection: readonly ["row", "row-reverse", "column", "column-reverse"];
export type MixFlexPropDirection = (typeof mixFlexPropDirection)[number];
export type CnMixFlexProps = {
    align?: MixFlexPropAlign;
    justify?: MixFlexPropJustify;
    flex?: MixFlexPropFlex;
    wrap?: MixFlexPropWrap;
    direction?: MixFlexPropDirection;
    gap?: Space;
    order?: -1 | 0 | 1;
};
type CnMixFlex = (props: CnMixFlexProps, classNames?: Array<string | undefined>) => string;
export declare const cnMixFlex: CnMixFlex;
export {};