import { CactusTheme } from '@repay/cactus-theme';
import { StyledComponentBase } from 'styled-components';
import { BoxProps } from '../Box/Box';
import { FlexItemProps, FlexProps } from '../helpers/styled';
export interface FlexBoxProps extends BoxProps, FlexProps, FlexItemProps {
}
interface FlexComponent extends StyledComponentBase<'div', CactusTheme, FlexBoxProps> {
    Item: StyledComponentBase<'div', CactusTheme, FlexItemProps>;
    supportsGap: boolean;
}
export declare const justifyOptions: readonly ["unset", "flex-start", "flex-end", "center", "space-between", "space-around", "space-evenly", "stretch"];
export declare type JustifyContent = typeof justifyOptions[number];
export declare const Flex: FlexComponent;
export default Flex;