import type { Property } from "csstype";
type TLengthStyledSystem = string | 0 | number;
export type FlexProps = {
    display?: "flex" | "inline-flex";
    height?: Property.Height<TLengthStyledSystem>;
    alignItems?: Property.AlignItems;
    alignContent?: Property.AlignContent;
    justifyItems?: Property.JustifyItems;
    justifyContent?: Property.JustifyContent;
    flexWrap?: Property.FlexWrap;
    flexDirection?: Property.FlexDirection;
    flex?: Property.Flex<TLengthStyledSystem>;
    flexGrow?: Property.FlexGrow;
    flexShrink?: Property.FlexShrink;
    flexBasis?: Property.FlexBasis<TLengthStyledSystem>;
    justifySelf?: Property.JustifySelf;
    alignSelf?: Property.AlignSelf;
    gap?: number;
};
export declare const flexbox: (payload: FlexProps) => string;
declare const Flex: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof FlexProps> & FlexProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof FlexProps> & FlexProps, never>>> & string;
export default Flex;