import { jsx as _jsx } from "react/jsx-runtime";
import clsx from "clsx";
import "./style.scss";
const CompanyViewBussinessUnitTabs = ({ onCompanyViewBussinessUnitTabsClick = () => { }, activeCompanyViewBussinessUnitTabs = "Food And Meals", }) => {
    const CompanyViewSummaryNewsTabs = ["Food And Meals", "Ipo", "Logistics"];
    const getCompanyViewTabButtonClasses = (tabName, activeTab) => {
        return clsx({
            "companyViewBussinessUnitTabsComponent-Button--Generic": true,
            "companyViewBussinessUnitTabsComponent-Button--Selected": activeTab === tabName,
            "companyViewBussinessUnitTabsComponent-Button--Unselected": activeTab !== tabName,
        });
    };
    return (_jsx("div", { className: "BussinessUnit-Generic", children: _jsx("span", { className: "BussinessUnit-Tabs", children: CompanyViewSummaryNewsTabs.map((tab, key) => {
                return (_jsx("button", { onClick: () => onCompanyViewBussinessUnitTabsClick(tab), className: getCompanyViewTabButtonClasses(tab, activeCompanyViewBussinessUnitTabs), children: tab.toUpperCase() }, key));
            }) }) }));
};
export default CompanyViewBussinessUnitTabs;
