import * as React from 'react';
import { BreakpointClasses } from '../helpers/breakpoints';
declare const directions: readonly ["row", "row-reverse", "col", "col-reverse"];
declare type DIRECTIONS = keyof {
    [key in typeof directions[number]]: string;
};
declare const DIRECTIONS: BreakpointClasses;
declare const wraps: readonly ["wrap", "wrap-reverse", "no-wrap"];
declare type WRAPS = keyof {
    [key in typeof wraps[number]]: string;
};
declare const WRAPS: BreakpointClasses;
declare const xAligns: readonly ["start", "end", "center", "between", "around", "evenly"];
declare type X_ALIGNS = keyof {
    [key in typeof xAligns[number]]: string;
};
declare const yAligns: readonly ["start", "end", "center", "between", "stretch"];
declare type Y_ALIGNS = keyof {
    [key in typeof yAligns[number]]: string;
};
declare const spaces: readonly ["1", "2", "3", "4", "5", "6", "8", "10", "12", "16", "20", "24", "32", "40", "48", "56", "64"];
declare type SPACES = keyof {
    [key in typeof spaces[number]]: string;
};
interface Props {
    direction?: DIRECTIONS | {
        default?: DIRECTIONS;
        sm?: DIRECTIONS;
        md?: DIRECTIONS;
        lg?: DIRECTIONS;
        xl?: DIRECTIONS;
    };
    wrap?: WRAPS | {
        default?: WRAPS;
        sm?: WRAPS;
        md?: WRAPS;
        lg?: WRAPS;
        xl?: WRAPS;
    };
    alignX?: X_ALIGNS | {
        default?: X_ALIGNS;
        sm?: X_ALIGNS;
        md?: X_ALIGNS;
        lg?: X_ALIGNS;
        xl?: X_ALIGNS;
    };
    alignY?: Y_ALIGNS | {
        default?: Y_ALIGNS;
        sm?: Y_ALIGNS;
        md?: Y_ALIGNS;
        lg?: Y_ALIGNS;
        xl?: Y_ALIGNS;
    };
    spaceX?: SPACES | {
        default?: SPACES;
        sm?: SPACES;
        md?: SPACES;
        lg?: SPACES;
        xl?: SPACES;
    };
    spaceY?: SPACES | {
        default?: SPACES;
        sm?: SPACES;
        md?: SPACES;
        lg?: SPACES;
        xl?: SPACES;
    };
    className?: React.HTMLAttributes<HTMLUListElement>['className'];
    style?: React.HTMLAttributes<HTMLUListElement>['style'];
}
declare const Flex: React.FC<Props>;
export default Flex;