import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { CircularIcon, EllipsisText } from "../..";
import "./style.scss";
const PersonViewHeaderSummary = ({ profilePicture = "", fullName = "", profilePublicIdentifier = "", currentRole = "", currentCompany = "", universalName = "", urn = "", location = "", lastUpdated = "", onCompanyNameClick, }) => {
    return (_jsxs("div", { className: "personViewHeaderSummary", children: [_jsx(CircularIcon, { iconPath: profilePicture, iconSize: "80", altImageType: "profile" }, `${profilePublicIdentifier}-${lastUpdated}`), _jsxs("div", { className: "personViewHeaderSummary--PersonDetails", children: [_jsx("div", { className: "fullName", children: fullName }), _jsxs("div", { className: "titleContainer", children: [_jsx(EllipsisText, { children: currentRole }), "at", _jsx("span", { onClick: () => onCompanyNameClick(universalName, urn), className: "personViewHeaderSummary--CompanyLink", children: _jsx(EllipsisText, { children: currentCompany }) })] }), _jsx("h3", { children: location })] })] }));
};
export default PersonViewHeaderSummary;
