import { CSSObject } from '@emotion/react';
import { LegacyTabListProps } from '../TabList/TabList.types.js';
import 'react';
import '../../types.js';

type LegacyTabsProps<T extends string> = Omit<LegacyTabListProps<T>, "direction"> & {
    /**
     * tab-panel의 style을 설정할 수 있습니다.
     * 모든 tab-panel에게 공통적으로 적용됩니다.
     */
    tabPanelStyle?: CSSObject;
    tabListStyle?: CSSObject;
    /**
     * horizontal: horizontal (tab list is on the top of the tab panel)
     *
     * vertical-rl: vertical right to left (tab list is on the right side of the tab panel)
     *
     * vertical-lr: vertical left to right (tab list is on the left side of the tab panel)
     *
     * @default horizontal
     */
    direction?: "horizontal" | "vertical-rl" | "vertical-lr";
};

export { LegacyTabsProps };