import { CSSProperties } from 'styled-components';
interface FlexProps {
    /**
     * Primary axis of the flex container along which the elements are placed.
     * @defaultValue `-`
     */
    direction?: 'column' | 'row';
    /**
     * A shorthand for `justify-content` property.
     * @defaultValue `-`
     */
    justify?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
    /**
     * A shorthand for `align-items` property.
     * @defaultValue `-`
     */
    align?: 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline';
    /**
     * A shorthand for `flex-wrap` property.
     * @defaultValue `-`
     */
    wrap?: 'nowrap' | 'wrap' | 'wrap-reverse' | 'initial' | 'inherit';
    /**
     * A shorthand for `flex-grow` property.
     * @defaultValue `-`
     */
    grow?: number | 'initial' | 'inherit';
    /**
     * A shorthand for `flex-shrink` property.
     * @defaultValue `-`
     */
    shrink?: number | 'initial' | 'inherit';
    /**
     * A shorthand for the `flex-basis` property.
     * @defaultValue `-`
     */
    basis?: number | 'auto' | 'initial' | 'inherit';
    /** Sets the `background-color` property. */
    backgroundColor?: CSSProperties['backgroundColor'];
    /** Sets the `padding` property. */
    padding?: CSSProperties['padding'];
    /** Sets the `margin` property. */
    margin?: CSSProperties['margin'];
}
/**
 * A flexbox helper component. Renders a div with `display: flex`.
 */
declare const Flex: import("styled-components").StyledComponent<"div", any, FlexProps, never>;
export { Flex };
export type { FlexProps };