import React, { HTMLAttributes, PropsWithChildren } from 'react';
import { TabWidth } from './LineTabs';
import { PopoverProps } from '../popover';
export interface LineTabProps extends Omit, 'onClick'> {
id: string;
/** @default 'medium' */
size?: 'medium' | 'large';
/** 새로운 기능 배지 표시 여부 */
hasNewBadge?: boolean;
/** 베타 기능 배지 표시 여부 */
hasBetaBadge?: boolean;
/** 알림 표시 여부 */
hasNotification?: boolean;
/** 탭에 표시할 개수 */
count?: number;
popover?: Pick;
/** 탭 선택 이벤트 */
onTabSelect?: (id: string) => void;
}
export type LineTabComponentProps = PropsWithChildren;
export declare const LineTab: ({ id, size, onTabSelect, className, children, hasNewBadge, hasBetaBadge, hasNotification, count, popover, ...props }: LineTabComponentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
export declare const TabItemWrapper: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme | undefined;
as?: React.ElementType | undefined;
} & {
$width?: TabWidth | undefined;
$paddingTop: boolean;
}, React.DetailedHTMLProps, HTMLDivElement>, {}>;