import { h as head, q as escape_html } from './index2-CkPUJ4Ro.js';
import { C as Card, a as Card_header, c as Card_title, d as Card_description, b as Card_content } from './card-title-CgD7IUQ_.js';
import 'clsx';
import { B as Button } from './button-BHoLc3MZ.js';
import './utils2-B05Dmz_H.js';
import 'tailwind-merge';

function _page($$renderer, $$props) {
  $$renderer.component(($$renderer2) => {
    let { data } = $$props;
    const user = data.user;
    head("xnw5yb", $$renderer2, ($$renderer3) => {
      $$renderer3.title(($$renderer4) => {
        $$renderer4.push(`<title>${escape_html(user.name ?? user.email ?? "User")} — Base</title>`);
      });
    });
    $$renderer2.push(`<main class="flex min-h-0 flex-1 flex-col gap-4 p-4 sm:gap-6 sm:p-6"><a href="/users" class="self-start">`);
    Button($$renderer2, {
      variant: "ghost",
      size: "sm",
      children: ($$renderer3) => {
        $$renderer3.push(`<!---->← Users`);
      },
      $$slots: { default: true }
    });
    $$renderer2.push(`<!----></a> `);
    $$renderer2.push("<!---->");
    Card?.($$renderer2, {
      class: "max-w-md",
      children: ($$renderer3) => {
        $$renderer3.push("<!---->");
        Card_header?.($$renderer3, {
          children: ($$renderer4) => {
            $$renderer4.push("<!---->");
            Card_title?.($$renderer4, {
              children: ($$renderer5) => {
                $$renderer5.push(`<!---->${escape_html(user.name ?? user.email ?? user.id)}`);
              },
              $$slots: { default: true }
            });
            $$renderer4.push(`<!----> `);
            if (user.email) {
              $$renderer4.push("<!--[-->");
              $$renderer4.push("<!---->");
              Card_description?.($$renderer4, {
                children: ($$renderer5) => {
                  $$renderer5.push(`<!---->${escape_html(user.email)}`);
                },
                $$slots: { default: true }
              });
              $$renderer4.push(`<!---->`);
            } else {
              $$renderer4.push("<!--[!-->");
            }
            $$renderer4.push(`<!--]-->`);
          },
          $$slots: { default: true }
        });
        $$renderer3.push(`<!----> `);
        $$renderer3.push("<!---->");
        Card_content?.($$renderer3, {
          class: "flex flex-col gap-2",
          children: ($$renderer4) => {
            $$renderer4.push(`<p class="text-muted-foreground text-sm"><span class="font-medium text-foreground">Access:</span><br/> Prism ${escape_html(user.prism ? "✓" : "—")} · TasGrid ${escape_html(user.tasgrid ? "✓" : "—")} · Stackq ${escape_html(user.stackq ? "✓" : "—")} · HRM ${escape_html(user.hrm ? "✓" : "—")}</p> <p class="text-muted-foreground text-sm"><span class="font-medium text-foreground">Dark mode:</span> ${escape_html(user.darkmode ? "On" : "Off")}</p>`);
          },
          $$slots: { default: true }
        });
        $$renderer3.push(`<!---->`);
      },
      $$slots: { default: true }
    });
    $$renderer2.push(`<!----></main>`);
  });
}

export { _page as default };
//# sourceMappingURL=_page.svelte-U_BmklAY.js.map