import { jsx as _jsx } from "react/jsx-runtime";
import clsx from "clsx";
import "./style.scss";
const CompanyViewSummaryNewsTabs = ({ onCompanyViewSummaryNewsTabClick = () => { }, activeCompanyViewSummaryNewsTabs = "News", }) => {
    const CompanyViewSummaryNewsTabs = ["News", "Twitter", "Linkedin"];
    const getCompanyViewTabButtonClasses = (tabName, activeTab) => {
        return clsx({
            "companyViewSummaryNewsTabsComponent-Button--Generic": true,
            "companyViewSummaryNewsTabsComponent-Button--Selected": activeTab === tabName,
            "companyViewSummaryNewsTabsComponent-Button--Unselected": activeTab !== tabName,
        });
    };
    return (_jsx("div", { className: "companyViewSummaryNews-Generic", children: _jsx("span", { className: "companyViewSummaryNews-Tabs", children: CompanyViewSummaryNewsTabs.map((tab, key) => {
                return (_jsx("button", { onClick: () => onCompanyViewSummaryNewsTabClick(tab), className: getCompanyViewTabButtonClasses(tab, activeCompanyViewSummaryNewsTabs), children: tab.toUpperCase() }, key));
            }) }) }));
};
export default CompanyViewSummaryNewsTabs;
