import { Responsive } from './responsive'; import { EnhancerFn } from './types'; export declare type FlexVals = 1 | 'auto' | 'initial' | 'none'; export declare type FlexDirectionVals = 'row' | 'row-reverse' | 'col' | 'col-reverse'; export declare type FlexWrapVals = true | 'reverse' | 'no-wrap'; export declare type FlexGrowVals = true | 0; export declare type FlexShrinkVals = true | 0; export declare type JustifyContentVals = 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly'; export declare type JustifyItemsVals = 'auto' | 'start' | 'end' | 'center' | 'stretch'; export declare type JustifySelfVals = 'auto' | 'start' | 'end' | 'center' | 'stretch'; export declare type AlignContentVals = 'center' | 'flex-start' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly'; export declare type AlignItemsVals = 'start' | 'end' | 'center' | 'baseline' | 'stretch'; export declare type AlignSelfVals = 'auto' | 'flex-start' | 'flex-end' | 'center' | 'stretch'; export interface IFlexProps { flex?: FlexVals | Responsive; flexDirection?: FlexDirectionVals | Responsive; flexWrap?: FlexWrapVals | Responsive; flexGrow?: FlexGrowVals | Responsive; flexShrink?: FlexShrinkVals | Responsive; justifyContent?: JustifyContentVals | Responsive; justifyItems?: JustifyItemsVals | Responsive; justifySelf?: JustifySelfVals | Responsive; alignContent?: AlignContentVals | Responsive; alignItems?: AlignItemsVals | Responsive; alignSelf?: AlignSelfVals | Responsive; } export interface IFlexShorthandProps { align?: IFlexProps['alignItems']; justify?: IFlexProps['justifyContent']; wrap?: IFlexProps['flexWrap']; direction?: IFlexProps['flexDirection']; grow?: IFlexProps['flexGrow']; shrink?: IFlexProps['flexShrink']; } export declare const flexPropNames: Array; export declare const flexProps: EnhancerFn;