import React, { PropsWithChildren } from 'react';
export type TabWidth = 'fill' | 'auto';
export interface LineTabsContextProps {
    width?: TabWidth;
    paddingTop?: boolean;
    activeTabId?: string;
    onChange?: (id: string) => void;
}
export declare const LineTabContext: React.Context<LineTabsContextProps | null>;
export declare const useLineTabContext: () => LineTabsContextProps;
export interface LineTabsProps {
    className?: string;
    /**
     * 'fill' 일경우 컨테이너 기준 Full Width 값, 'auto' 일경우 컨텐츠에 따라 자동 너비 계산됩니다.
     * @default 'auto'
     */
    width?: TabWidth;
    /**
     * 좁은 간격 사용 유무
     *  - width가 'auto' 일경우 탭아이템간 column-gap은 항상 0입니다.
     * @default false
     */
    dense?: boolean;
    /**
     * side padding on/off
     * @default true
     */
    paddingHorizontal?: boolean;
    /**
     * @deprecated Use `paddingHorizontal` instead.
     */
    horizontalPadding?: boolean;
    /**
     * 탭 상단 여백 포함 여부
     * @default true
     */
    paddingTop?: boolean;
    activeTabId?: string;
    onChange?: (id: string) => void;
}
export declare const LineTabs: ({ className, children, dense, paddingHorizontal, horizontalPadding, paddingTop, width, activeTabId, onChange, }: PropsWithChildren<LineTabsProps>) => import("@emotion/react/jsx-runtime").JSX.Element;