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