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 '../shared/type.mjs';

declare const FlexBase: _emotion_styled.StyledComponent<{
    theme?: _emotion_react.Theme | undefined;
    as?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
} & {
    $direction?: BreakpointValueMap<FlexDirection>[] | undefined;
    $wrap?: BreakpointValueMap<FlexWrap>[] | undefined;
    $justify?: BreakpointValueMap<FlexJustifyContent>[] | undefined;
    $align?: BreakpointValueMap<FlexAlignItems>[] | undefined;
    $gap?: BreakpointValueMap<string | number>[] | undefined;
    $fullHeight?: BreakpointValueMap<boolean>[] | undefined;
    $fullWidth?: BreakpointValueMap<boolean>[] | undefined;
    $padding?: BreakpointValueMap<string | number>[] | undefined;
    $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 };