import { jsx as _jsx } from "react/jsx-runtime";
import clsx from "clsx";
import "./style.scss";
const CompanyViewPeople = ({ onCompanyViewPeopleTabClick = () => { }, activeCompanyViewPeopleTab = "Current", }) => {
    const companyViewTabs = ["Current", "Previous"];
    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: () => onCompanyViewPeopleTabClick(tab), className: getCompanyViewTabButtonClasses(tab, activeCompanyViewPeopleTab), children: tab.toUpperCase() }, key));
            }) }) }));
};
export default CompanyViewPeople;
