import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useState } from "react";
import CompanyViewHeader from "../CompanyViewHeader";
import CompanyViewTabsComponent from "../CompanyViewTabsComponent";
import CompanyViewBody from "../CompanyViewBody";
import { CompanyViewTabs, companyPic, companyViewSummaryTypesPayload, } from "../../../utils";
import "./style.scss";
const CompanyViewSidebar = () => {
    const [activeCompanyViewTab, setActiveCompanyViewTab] = useState("Summary");
    return (_jsx("div", { className: "companyViewSidebar--Generic", children: _jsxs("div", { className: "companyViewSidebar--Container", children: [_jsx(CompanyViewHeader, { onBack: () => { }, onCheckClick: () => { }, companyLogo: companyPic, companyName: "Qlu.ai", employeeCount: 50, location: "Islamabad, Pakistan", onClose: () => { }, universalName: "qlu-ai" }), _jsx(CompanyViewTabsComponent, { activeCompanyViewTab: activeCompanyViewTab, tabs: CompanyViewTabs, onClick: (tabName) => {
                        // console.log(tabName);
                        setActiveCompanyViewTab(tabName);
                    } }), _jsx(CompanyViewBody, { companyViewSummaryPayload: companyViewSummaryTypesPayload, companyViewActiveTab: activeCompanyViewTab })] }) }));
};
export default CompanyViewSidebar;
