/** @tossdocs-ignore */
/** @jsxImportSource @emotion/react */
import { SerializedStyles } from '@emotion/react';
import { ComponentPropsWithRef, CSSProperties } from 'react';
import { AsProps, StringElementType } from './types';
export interface FlexOptions {
    align?: CSSProperties['alignItems'];
    justify?: CSSProperties['justifyContent'];
    direction?: CSSProperties['flexDirection'];
}
export declare function flex(options: FlexOptions): SerializedStyles;
export declare function flex(align: CSSProperties['alignItems'], justify?: CSSProperties['justifyContent'], direction?: CSSProperties['flexDirection']): SerializedStyles;
export declare namespace flex {
    var center: (direction?: import("csstype").Property.FlexDirection | undefined) => SerializedStyles;
}
export declare type FlexProps<T extends StringElementType = 'div'> = AsProps<T> & FlexOptions;
declare type FlexComponentType = <T extends StringElementType = 'div'>(props: FlexProps<T> & Partial<Pick<ComponentPropsWithRef<T>, 'ref'>>) => JSX.Element | null;
declare type FlexType = FlexComponentType & {
    Center: FlexComponentType;
    CenterVertical: FlexComponentType;
    CenterHorizontal: FlexComponentType;
};
export declare const Flex: FlexType;
export {};