@wix/design-system/dist/esm/Tabs/Tabs.js

@wix/design-system

import React, { useEffect } from 'react';
import SideContent from './components/SideContent';
import TabItems from './components/TabItems';
import { classes, st } from './Tabs.st.css.js';
import { SIZE } from './Tabs.constants';
import HorizontalScroll from '../HorizontalScroll';
import deprecationLog from '../utils/deprecationLog';
const Tabs = ({ dataHook, className, activeId, hasDivider = true, // TODO: add default value to showDivider once hasDivider is removed
items, minWidth, type, size = SIZE.medium, sideContent, width, alignment, onClick, scrollOnOverflow, horizontalScrollProps, horizontalPadding = true, ...props }) => {
    const showDivider = props.showDivider ?? hasDivider;
    const tabItemsProps = {
        className,
        activeId,
        hasDivider,
        items,
        minWidth,
        type,
        size,
        width,
        alignment,
        onClick,
        scrollOnOverflow,
    };
    useEffect(() => {
        if (hasDivider) {
            deprecationLog('<Tabs/> - prop "hasDivider" is deprecated and will be removed in next major release, please use "showDivider" property instead.');
        }
    }, [hasDivider]);
    return (React.createElement("div", { "data-divider": showDivider, "data-hook": dataHook, className: st(classes.container, {
            showDivider,
            size,
            horizontalPadding,
            scrollOnOverflow,
        }, className) },
        scrollOnOverflow ? (React.createElement(HorizontalScroll, { ...horizontalScrollProps },
            React.createElement(TabItems, { ...tabItemsProps }))) : (React.createElement(TabItems, { ...tabItemsProps })),
        React.createElement(SideContent, { content: sideContent })));
};
Tabs.displayName = 'Tabs';
export default Tabs;
//# sourceMappingURL=Tabs.js.map