import { TThemeValueOrCSS } from '../../../design/designFunctions/getThemeOrValueAsCss';
import { TDynamicElement } from '../../../types/TDynamicElement';
import { default as React, ElementType } from 'react';
import { CSSProp } from 'styled-components';
export type TStyleProps = {
    direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
    justify?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
    align?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
    externalStyle?: CSSProp;
    gap?: TThemeValueOrCSS;
};
export type TFancyFlexBox = {
    separator?: React.ReactNode;
    fitBox?: boolean;
} & TStyleProps;
export type TFancyFlexBoxWithDynamicElAttrs<T extends ElementType = 'div'> = TDynamicElement<T> & TFancyFlexBox;