import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import clsx from 'clsx';
import './style.scss';
const CompanyViewFinancial = ({ onCompanyViewFinancialTabClick = () => { }, activeCompanyViewFinancialTab = 'Summary', children, }) => {
    const companyViewTabs = ['Summary', 'Income Statement', 'Balance Sheet', 'Cash Flow'];
    const getCompanyViewTabButtonClasses = (tabName, activeTab) => {
        return clsx({
            'companyViewPeopleTabsComponent-Button--Generic': true,
            'companyViewPeopleTabsComponent-Button--Selected': activeTab === tabName,
            'companyViewPeopleTabsComponent-Button--Unselected': activeTab !== tabName,
        });
    };
    return (_jsxs("div", { className: "companyViewPeople-Generic", children: [_jsx("span", { className: "companyViewPeople-Tabs", children: companyViewTabs.map((tab, key) => {
                    return (_jsx("button", { onClick: () => onCompanyViewFinancialTabClick(tab), className: getCompanyViewTabButtonClasses(tab, activeCompanyViewFinancialTab), children: tab.toUpperCase() }, key));
                }) }), children] }));
};
export default CompanyViewFinancial;
