import React, { HTMLAttributes } from 'react';
import { IconProps } from '../icons/generated';
type BaseBoxTabProps = Omit, 'onClick'> & {
/**
* 탭 ID
*/
id: string;
/**
* 비활성화 여부
* @default false
*/
disabled?: boolean;
/**
* 액션 아이콘 컴포넌트
* @default IconDotsVertical
*/
iconComponent?: React.ComponentType;
/**
*
* 탭 클릭 이벤트
* 클릭된 탭 ID를 반환
*/
onClick?: (id: string) => void;
};
type ActionProps = {
/**
* 액션 버튼
*/
action: {
onClick?: (id: string, e: React.MouseEvent) => void;
};
renderAction?: never;
} | {
action?: never;
/**
* 커스텀 액션 렌더링 함수
*/
renderAction: (action: {
iconComponent: React.ComponentType;
iconProps: IconProps;
}) => React.ReactNode;
} | {
action?: never;
renderAction?: never;
};
export type BoxTabProps = BaseBoxTabProps & ActionProps;
export declare const BoxTab: React.ForwardRefExoticComponent & React.RefAttributes>;
export {};