import { DefaultTheme } from 'styled-components';
import { Paddings, Margins } from '../types';
export type FlexProps = {
    height?: string | number;
    br?: keyof DefaultTheme['w']['borderRadius'];
    width?: string | number;
    direction?: 'column' | 'row';
    gap?: number | string;
    alignItems?: 'space-between' | 'start' | 'end' | 'center';
    justifyContent?: 'space-between' | 'start' | 'end' | 'center';
    bg?: string;
} & Paddings & Margins;
declare const Flex: import("styled-components").StyledComponent<"div", DefaultTheme, {
    height?: string | number | undefined;
    br?: "sm" | "md" | "lg" | "xs" | undefined;
    width?: string | number | undefined;
    direction?: "row" | "column" | undefined;
    gap?: string | number | undefined;
    alignItems?: "space-between" | "start" | "end" | "center" | undefined;
    justifyContent?: "space-between" | "start" | "end" | "center" | undefined;
    bg?: string | undefined;
} & Paddings & Margins, never>;
export default Flex;