import type { ReactElement } from 'react';
import type { Flex as FlexElement } from '../../renderer/inSim';
import type { ButtonProps } from '../Button';
export type FlexProps = PositionProps & Partial<Pick<ButtonProps, 'width' | 'height' | 'background' | 'color' | 'UCID'>> & FlexboxProps & {
    children: ButtonChild | ButtonChild[];
    backgroundColor?: 'light' | 'dark';
    borderSize?: number;
    borderColor?: 'light' | 'dark';
};
type ButtonChild = ReactElement<ButtonProps> | null;
type PositionProps = Required<Pick<ButtonProps, 'top' | 'left'>>;
type FlexboxProps = {
    direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
    justifyContent?: 'start' | 'center' | 'end' | 'space-evenly' | 'space-around' | 'space-between';
    alignItems?: 'auto' | 'baseline' | 'start' | 'center' | 'end' | 'stretch';
    alignContent?: 'auto' | 'baseline' | 'start' | 'center' | 'end' | 'stretch' | 'space-around' | 'space-between';
    wrap?: 'no-wrap' | 'wrap' | 'wrap-reverse';
    padding?: number;
    paddingLeft?: number;
    paddingRight?: number;
    paddingTop?: number;
    paddingBottom?: number;
    paddingVertical?: number;
    paddingHorizontal?: number;
    margin?: number;
    marginLeft?: number;
    marginRight?: number;
    marginTop?: number;
    marginBottom?: number;
    marginVertical?: number;
    marginHorizontal?: number;
};
export declare const Flex: import("react").ForwardRefExoticComponent<Required<Pick<ButtonProps, "top" | "left">> & Partial<Pick<ButtonProps, "UCID" | "width" | "height" | "background" | "color">> & FlexboxProps & {
    children: ButtonChild | ButtonChild[];
    backgroundColor?: "light" | "dark";
    borderSize?: number;
    borderColor?: "light" | "dark";
} & import("react").RefAttributes<FlexElement>>;
export {};