import { Spacing } from '../../tokens/spacings/Spacings';
import { HTMLAttributes, type CSSProperties } from 'react';
export interface FlexboxProps extends HTMLAttributes<HTMLDivElement> {
    /** Controls how the children will be placed along the vertical axis */
    feAlignItems?: CSSProperties['alignItems'];
    /** Controls how the children will be placed, by setting the direction of the main axis */
    feFlexDirection?: CSSProperties['flexDirection'];
    /** Controls whether children are forced onto one line or can wrap onto multiple lines */
    feFlexWrap?: CSSProperties['flexWrap'];
    /** Controls the gutters between children */
    feGap?: Spacing;
    /** Controls how the children will be spaced along the horizontal axis */
    feJustifyContent?: CSSProperties['justifyContent'];
    /** If true, the Flexbox fills the parent element height */
    feStretch?: boolean;
}
/**
 * The `<Flexbox>` component is a one-dimensional layout container for arranging items in rows or columns.
 * It makes heavy use of the native css `flexbox` properties.
 *
 * See [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox) for further information about the CSS module and related properties.
 */
declare const Flexbox: import("react").ForwardRefExoticComponent<FlexboxProps & import("react").RefAttributes<HTMLDivElement>>;
export default Flexbox;