import { jsx as _jsx } from "react/jsx-runtime";
import clsx from "clsx";
import "./style.scss";
const CompanyViewFinancialPrivateTabs = ({ onCompanyViewFinancialTabClick = () => { }, activeTab = "Summary" }) => {
    const companyViewTabs = ["Summary", "Funding Rounds", "Investors"];
    const getCompanyViewTabButtonClasses = (tabName, activeTab) => {
        return clsx({
            "companyViewPeopleTabsComponent-Button--Generic": true,
            "companyViewPeopleTabsComponent-Button--Selected": activeTab === tabName,
            "companyViewPeopleTabsComponent-Button--Unselected": activeTab !== tabName,
        });
    };
    return (_jsx("div", { className: "companyViewPeople-Generic", children: _jsx("span", { className: "companyViewPeople-Tabs", children: companyViewTabs.map((tab, key) => {
                return (_jsx("button", { onClick: () => onCompanyViewFinancialTabClick(tab), className: getCompanyViewTabButtonClasses(tab, activeTab), children: tab.toUpperCase() }, key));
            }) }) }));
};
export default CompanyViewFinancialPrivateTabs;
