import { jsx as _jsx } from "react/jsx-runtime";
import styles from "./styles.module.scss";
import clsx from "clsx";
import { ProductDetailsViewTabs } from "../../../utils";
function ProductDetailsViewTabsComponent({ tabs = ProductDetailsViewTabs, activeTab = "Info", onClick, }) {
    const getClassName = (tabName, activeTab) => {
        return clsx({
            [styles.tabButton]: true,
            [styles.tabButtonSelected]: activeTab === tabName,
            [styles.tabButtonUnselected]: activeTab !== tabName,
        });
    };
    return (_jsx("div", { className: styles.productDetailsViewTabsTypes, children: tabs.map((entity, key) => {
            return (_jsx("button", { onClick: () => onClick(entity.tabName), className: getClassName(entity.tabName, activeTab), children: entity.tabName.toUpperCase() }, key));
        }) }));
}
export default ProductDetailsViewTabsComponent;
