import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import "./style.scss";
import CheckboxComponent from "../../CheckboxComponent";
import CircularIcon from "../../CircularIcon";
import { companyPic } from "../../../utils";
import IconButton from "../../IconButton";
const CompanyViewHeader = ({ companyLogo = companyPic, companyName = "Qlu.ai", employeeCount = 50, location = "Islamabad, Pakistan", universalName, onCheckClick, onClose, onBack, checkValue = false, dataCy, socialLogos, }) => {
    return (_jsxs("div", { className: "companyViewHeader--Generic", children: [_jsxs("span", { className: "companyViewHeader--Left", children: [onBack && (_jsx(IconButton, { color: "gray", variant: "tertiary", iconType: "arrowLeft", sizeVariant: "xs", iconSize: "20", onClick: onBack, "data-cy": `${dataCy}-back` })), onCheckClick && (_jsx("div", { className: "companyViewHeaderCheckBoxLeft", children: _jsx(CheckboxComponent, { sizeVariant: "sm", checked: checkValue, onClick: (flag) => {
                                onCheckClick(flag);
                            }, dataCy: `${dataCy}-checkbox` }) })), _jsx(CircularIcon, { iconPath: companyLogo, iconSize: "80", altImageType: "company", companyName: companyName }, universalName), _jsxs("div", { className: "companyViewHeader--PersonDetails", children: [_jsx("h2", { children: companyName }), employeeCount && employeeCount !== 0 ? (_jsxs("span", { children: [employeeCount?.toLocaleString("en-US"), " Employees"] })) : (""), _jsx("h3", { children: location }), socialLogos] })] }), _jsx(IconButton, { color: "gray", variant: "tertiary", iconType: "cross", sizeVariant: "xs", iconSize: "20", onClick: onClose, "data-cy": `${dataCy}-cross` })] }));
};
export default CompanyViewHeader;
