import { type EvokitProp, type EvokitMediaSufix } from '@prom-ui/core/evokit';
type FlexMediaSufix = 'small' | 'medium' | 'large';
type FlexItemAlign = EvokitMediaSufix<'start' | 'end' | 'center' | 'baseline' | 'stretch', FlexMediaSufix>;
type FlexItemDisplay = EvokitMediaSufix<'block' | 'none', FlexMediaSufix>;
type FlexItemEmpty = EvokitMediaSufix<'hidden', FlexMediaSufix>;
type FlexItemOrder = EvokitMediaSufix<0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10, FlexMediaSufix>;
type FlexDirection = EvokitMediaSufix<'row' | 'row-reverse' | 'column' | 'column-reverse', FlexMediaSufix>;
type FlexDisplay = EvokitMediaSufix<'flex' | 'inline-flex' | 'none', FlexMediaSufix>;
type FlexHeight = EvokitMediaSufix<'auto' | 'inherit' | '1-1', FlexMediaSufix>;
type FlexItems = EvokitMediaSufix<'start' | 'end' | 'center' | 'baseline' | 'stretch', FlexMediaSufix>;
type FlexWrap = EvokitMediaSufix<'nowrap' | 'wrap' | 'wrap-reverse', FlexMediaSufix>;
type FlexContent = EvokitMediaSufix<'start' | 'end' | 'center' | 'between' | 'around' | 'stretch', FlexMediaSufix>;
export type FlexProps = {
    'flex-direction'?: EvokitProp<FlexDirection>;
    'flex-display'?: EvokitProp<FlexDisplay>;
    'flex-height'?: EvokitProp<FlexHeight>;
    'flex-items'?: EvokitProp<FlexItems>;
    'flex-wrap'?: EvokitProp<FlexWrap>;
    'flex-content'?: EvokitProp<FlexContent | `${FlexContent} ${string}`>;
    /** @ignore */
    'flex-content-align'?: EvokitProp<FlexContent>;
    /** @ignore */
    'flex-content-justify'?: EvokitProp<FlexContent>;
};
export type FlexItemProps = {
    'flex-item-align'?: EvokitProp<FlexItemAlign>;
    'flex-item-display'?: EvokitProp<FlexItemDisplay>;
    'flex-item-empty'?: EvokitProp<FlexItemEmpty>;
    'flex-item-order'?: EvokitProp<FlexItemOrder>;
};
declare const FlexItem: import("@prom-ui/core/evokit").CreateBlock<"div", "flex__item", FlexItemProps>;
export declare const Flex: import("@prom-ui/core/evokit").CreateBlock<"div", "flex", FlexProps> & {
    Item: typeof FlexItem;
};
export {};
