import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-namespace';
import * as _emotion_react from '@emotion/react';
import * as react from 'react';
import { ButtonGroupProps } from './ButtonGroup.types.cjs';
import '../../types.cjs';

declare const ButtonGroupNamespace: react.ForwardRefExoticComponent<{
    as?: "div" | undefined;
    native?: ({
        [x: `data-${string}`]: string | boolean | undefined;
    } & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">) | undefined;
} & {
    className?: string | undefined;
    sx?: _emotion_react.CSSObject | undefined;
} & {
    children?: react.ReactNode;
} & {
    size?: "small" | "medium" | "large" | undefined;
    direction?: "horizontal" | "vertical" | undefined;
    isInline?: boolean | undefined;
    clearFix?: boolean | undefined;
} & react.RefAttributes<HTMLDivElement>> & {
    /**
     * ButtonGroup에 clearFix + 버튼이 3개인 케이스에 사용됩니다.
     *
     * size를 조정해, 간격을 조정할 수 있습니다.
     */
    Inner: (props: Omit<ButtonGroupProps, "isInline" | "clearFix" | "direction">) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
};

export { ButtonGroupNamespace as ButtonGroup, ButtonGroupProps };