import { BoxProps, ElementProps, MantineSpacing, PolymorphicFactory, StyleProp, StylesApiProps } from '../../core'; export type FlexStylesNames = 'root'; export interface FlexProps extends BoxProps, StylesApiProps, ElementProps<'div'> { /** `gap` CSS property */ gap?: StyleProp; /** `row-gap` CSS property */ rowGap?: StyleProp; /** `column-gap` CSS property */ columnGap?: StyleProp; /** `align-items` CSS property */ align?: StyleProp; /** `justify-content` CSS property */ justify?: StyleProp; /** `flex-wrap` CSS property */ wrap?: StyleProp; /** `flex-direction` CSS property */ direction?: StyleProp; } export type FlexFactory = PolymorphicFactory<{ props: FlexProps; defaultRef: HTMLDivElement; defaultComponent: 'div'; stylesNames: FlexStylesNames; }>; export declare const Flex: ((props: import("../..").PolymorphicComponentProps) => React.ReactElement) & Omit & { ref?: any; renderRoot?: (props: any) => any; }) | (FlexProps & { component: React.ElementType; renderRoot?: (props: Record) => any; })>, never> & import("../..").ThemeExtend<{ props: FlexProps; defaultRef: HTMLDivElement; defaultComponent: "div"; stylesNames: FlexStylesNames; }> & import("../..").ComponentClasses<{ props: FlexProps; defaultRef: HTMLDivElement; defaultComponent: "div"; stylesNames: FlexStylesNames; }> & import("../..").PolymorphicComponentWithProps<{ props: FlexProps; defaultRef: HTMLDivElement; defaultComponent: "div"; stylesNames: FlexStylesNames; }> & Record; export declare namespace Flex { type Props = FlexProps; type StylesNames = FlexStylesNames; type Factory = FlexFactory; }