import * as _emotion_styled from '@emotion/styled';
import * as react from 'react';
import * as _emotion_react from '@emotion/react';
import { BreakpointValueMap } from '@teamsparta/stack-core';
import { FlexDirection, FlexWrap, FlexJustifyContent, FlexAlignItems, FlexPosition } from './type.mjs';

declare const FlexBase: _emotion_styled.StyledComponent<{
    theme?: _emotion_react.Theme | undefined;
    as?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
} & {
    $direction: Array<BreakpointValueMap<FlexDirection>>;
    $wrap: Array<BreakpointValueMap<FlexWrap>>;
    $justify: Array<BreakpointValueMap<FlexJustifyContent>>;
    $align: Array<BreakpointValueMap<FlexAlignItems>>;
    $gap: Array<BreakpointValueMap<string | number>>;
    $fullHeight: Array<BreakpointValueMap<boolean>>;
    $fullWidth: Array<BreakpointValueMap<boolean>>;
    $padding: Array<BreakpointValueMap<string | number>>;
    $width?: BreakpointValueMap<string | number>[] | undefined;
    $height?: BreakpointValueMap<string | number>[] | undefined;
    $maxWidth?: BreakpointValueMap<string | number>[] | undefined;
    $maxHeight?: BreakpointValueMap<string | number>[] | undefined;
    $borderRadius?: BreakpointValueMap<string | number>[] | undefined;
    $background?: BreakpointValueMap<string>[] | undefined;
    $position?: BreakpointValueMap<FlexPosition>[] | undefined;
    $flex?: BreakpointValueMap<string | number>[] | undefined;
    $border?: BreakpointValueMap<string>[] | undefined;
}, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

export { FlexBase };