(function () {
    const OrgPortal = (window.OrgPortal = window.OrgPortal || {});
    const { h } = OrgPortal.runtime;
    const { portalData, session } = OrgPortal.data;

    OrgPortal.componentFns = OrgPortal.componentFns || {};

    OrgPortal.componentFns.PortalHeader = function PortalHeader() {
        return h(
            "section",
            { className: "card org-panel org-span-12 org-page-header" },
            h(
                "div",
                { className: "org-page-heading" },
                h("span", { className: "org-page-kicker" }, portalData.org.tag),
                h("h1", { className: "org-page-title" }, portalData.org.name),
                h(
                    "p",
                    { className: "org-page-subtitle" },
                    "Player organization command portal",
                ),
                h(
                    "span",
                    { className: "org-page-meta" },
                    `${session.actorName} - ${session.role}`,
                ),
            ),
        );
    };
})();