import { type CSSProperties } from 'react';
import { GapProps } from './getGapSprinkles.js';
import { GridFlexPositionProps } from './getGridFlexPositionSprinkles.js';
import { LayoutSizeProps } from './getLayoutSizeStyles.js';
import { SpacingProps } from './getSpacingSprinkles.js';
/**
 * Defines the flex item style props.
 * @public
 */
export interface FlexItemStyleProps {
    /**
     * Determines whether this is a flex item.
     * If true, display: 'flex' style will not be added.
     */
    flexItem?: boolean;
}
/**
 * Defines the flex props.
 * @public
 */
export interface FlexStyleProps extends GridFlexPositionProps, GapProps, LayoutSizeProps, SpacingProps, FlexItemStyleProps {
    /** Defines order */
    order?: CSSProperties['order'];
    /** Defines flex grow */
    flexGrow?: CSSProperties['flexGrow'];
    /** Defines flex shrink */
    flexShrink?: CSSProperties['flexShrink'];
    /** Defines flex basis */
    flexBasis?: CSSProperties['flexBasis'];
    /** Defines flex */
    flex?: CSSProperties['flex'];
    /** Defines flex direction */
    flexDirection?: CSSProperties['flexDirection'];
    /** Defines flex wrap */
    flexWrap?: CSSProperties['flexWrap'];
    /** Defines flex flow */
    flexFlow?: CSSProperties['flexFlow'];
    /** Defines grid column start */
    gridColumnStart?: CSSProperties['gridColumnStart'];
    /** Defines grid column end */
    gridColumnEnd?: CSSProperties['gridColumnEnd'];
    /** Defines grid row start */
    gridRowStart?: CSSProperties['gridRowStart'];
    /** Defines grid row end */
    gridRowEnd?: CSSProperties['gridRowEnd'];
    /** Defines grid column */
    gridColumn?: CSSProperties['gridColumn'];
    /** Defines grid row */
    gridRow?: CSSProperties['gridRow'];
    /** Defines grid area */
    gridArea?: CSSProperties['gridArea'];
}
/**
 * Helper function that will extract all styling relevant props for the Flex styling
 * and will return them as classnames and style attributes.
 * The remaining props returned are the ones that no longer contain any Flex styling
 * related entries.
 * @public
 */
export declare function getFlexStyles<T extends FlexStyleProps>(props: T, defaults?: Partial<FlexStyleProps>): [
    className: string,
    style: CSSProperties,
    remainingProps: Omit<T, keyof FlexStyleProps>
];