import { type ElementType, type JSXElementConstructor } from 'react';
import { type AlignmentXExtendedDictionaryType, type AlignmentYExtendedDictionaryType, type ChildrenProps, type DirectionExtendedDictionaryType, type SingleOrResponsive, type SpaceToken, type StyleProps, type TransferProps } from './shared';
export interface FlexElementTypeProps<T extends ElementType = 'div'> {
    elementType?: T | JSXElementConstructor<unknown>;
}
export type FlexDirection = DirectionExtendedDictionaryType | 'row' | 'column';
export type FlexDirectionType = FlexDirection | {
    [key: string]: FlexDirection;
};
export type FlexAlignmentXType = NonNullable<AlignmentXExtendedDictionaryType> | {
    [key: string]: NonNullable<AlignmentXExtendedDictionaryType>;
};
export type FlexAlignmentYType = NonNullable<AlignmentYExtendedDictionaryType> | {
    [key: string]: NonNullable<AlignmentYExtendedDictionaryType>;
};
export type FlexWrapType = boolean | {
    [key: string]: boolean;
};
export interface FlexCustomLayoutProps {
    alignmentX?: FlexAlignmentXType;
    alignmentY?: FlexAlignmentYType;
    direction?: FlexDirectionType;
    isWrapping?: FlexWrapType;
    spacing?: SingleOrResponsive<SpaceToken>;
    spacingX?: SingleOrResponsive<SpaceToken>;
    spacingY?: SingleOrResponsive<SpaceToken>;
}
export interface FlexProps<T extends ElementType = 'div'> extends FlexElementTypeProps<T>, FlexCustomLayoutProps {
}
export interface SpiritFlexProps<T extends ElementType = 'div'> extends FlexProps<T>, ChildrenProps, StyleProps, TransferProps {
}