import type { CreateBlock, EvokitProp, EvokitMediaSufix } from '@prom-ui/core/base/types';
type FlexItemAlign = EvokitMediaSufix<'start' | 'end' | 'center' | 'baseline' | 'stretch'>;
type FlexItemDisplay = EvokitMediaSufix<'block' | 'none'>;
type FlexItemEmpty = EvokitMediaSufix<'hidden'>;
type FlexItemOrder = EvokitMediaSufix<0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10>;
type FlexDirection = EvokitMediaSufix<'row' | 'row-reverse' | 'column' | 'column-reverse'>;
type FlexDisplay = EvokitMediaSufix<'flex' | 'inline-flex' | 'none'>;
type FlexHeight = EvokitMediaSufix<'auto' | 'inherit' | '1-1'>;
type FlexItems = EvokitMediaSufix<'start' | 'end' | 'center' | 'baseline' | 'stretch'>;
type FlexWrap = EvokitMediaSufix<'nowrap' | 'wrap' | 'wrap-reverse'>;
type FlexContent = EvokitMediaSufix<'start' | 'end' | 'center' | 'between' | 'around' | 'stretch'>;
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: CreateBlock<'div', 'flex-item', FlexItemProps>;
export declare const Flex: CreateBlock<'div', 'flex', FlexProps> & {
    Item: typeof FlexItem;
};
export {};
