import React, { PropsWithChildren } from 'react';
import { IconProps } from '../icons/generated';
export interface BoxTabsContextProps {
    activeTabId?: string;
    onChange?: (id: string) => void;
}
export declare const BoxTabContext: React.Context<BoxTabsContextProps | null>;
export declare const useBoxTabContext: () => BoxTabsContextProps;
type BaseBoxTabsProps = {
    className?: string;
    /**
     * 활성화된 탭 ID
     */
    activeTabId?: string;
    /**
     * 추가 버튼 표시 여부
     * @default false
     * @deprecated onAdd 혹은 renderAddAction 중 하나를 사용해주세요.
     */
    showAddButton?: boolean;
    /**
     *
     * 탭 변경 이벤트
     * 변경된 탭 ID
     */
    onChange: (id: string) => void;
};
type AddActionProps = {
    /**
     * 추가 버튼 클릭 이벤트
     */
    onAdd: () => void;
    renderAddAction?: never;
} | {
    onAdd?: never;
    /**
     * 커스텀 액션 렌더링 함수
     */
    renderAddAction: (action: {
        iconComponent: React.ComponentType<IconProps>;
        iconProps: IconProps;
    }) => React.ReactNode;
} | {
    onAdd?: never;
    renderAddAction?: never;
};
export type BoxTabsProps = BaseBoxTabsProps & AddActionProps;
export declare const BoxTabs: ({ className, children, activeTabId, onChange, onAdd, renderAddAction, }: PropsWithChildren<BoxTabsProps>) => import("@emotion/react/jsx-runtime").JSX.Element;
export {};