import React from 'react';
import { CSS } from "../config/stitches.config";
import { StyledFlexVariants } from "./flex-styled";
import { StandardLonghandProperties } from '@stitches/react/types/css';
export declare type FlexType = 'auto' | 'content' | 'stretch' | 'fit-content' | 'max-content' | 'min-content' | 'none' | number | string;
interface Props extends StyledFlexVariants {
    css?: CSS;
    flexDirection?: StandardLonghandProperties['flexDirection'];
    flex?: FlexType;
    flexWrap?: StandardLonghandProperties['flexWrap'];
    flexGrow?: StandardLonghandProperties['flexGrow'];
    flexShrink?: StandardLonghandProperties['flexShrink'];
    flexBasis?: StandardLonghandProperties['flexBasis'];
    justifyContent?: StandardLonghandProperties['justifyContent'];
    alignItems?: StandardLonghandProperties['alignItems'];
    alignContent?: StandardLonghandProperties['alignContent'];
    placeItems?: StandardLonghandProperties['placeContent'];
    rowGap?: number | string;
    columnGap?: number | string;
    gap?: number | string;
    as?: keyof JSX.IntrinsicElements;
}
declare type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
export declare type FlexProps = Props & NativeAttrs;
declare const Flex: React.ForwardRefExoticComponent<Props & NativeAttrs & React.RefAttributes<HTMLElement>>;
export default Flex;