import { CSSProperties } from 'react';
import { LayoutUtilProps } from '../../../types';
/**
 * Flex-specific props that extend layout utilities
 * @extends Omit<LayoutUtilProps, "flexBasis" | "flexGrow" | "flexDirection" | "flexWrap" | "flexShrink">
 */
export type FlexSpecificProps = Omit<LayoutUtilProps, "flexBasis" | "flexGrow" | "flexDirection" | "flexWrap" | "flexShrink"> & {
    /**
     * Applies `display: inline-flex` instead of `flex`
     */
    inline?: boolean;
    /**
     * The flex direction of the container.
     */
    direction?: CSSProperties["flexDirection"];
    /**
     * The flex grow value for the container.
     */
    grow?: CSSProperties["flexGrow"];
    /**
     * The flex shrink value for the container.
     */
    shrink?: CSSProperties["flexShrink"];
    /**
     * The flex basis value for the container.
     */
    basis?: CSSProperties["flexBasis"];
    /**
     * The flex wrap value for the container.
     */
    wrap?: CSSProperties["flexWrap"];
};