import { b as attributes, o as clsx, c as bind_props, f as head, j as ensure_array_like, i as escape_html, k as attr, m as stringify } from "../../../chunks/index2.js";
import { C as Card, a as Card_header, b as Card_title, c as Card_description, d as Card_content } from "../../../chunks/card-title.js";
import { c as cn } from "../../../chunks/utils2.js";
import "clsx";
import { B as Button } from "../../../chunks/button.js";
function Card_footer($$renderer, $$props) {
  $$renderer.component(($$renderer2) => {
    let {
      ref = null,
      class: className,
      children,
      $$slots,
      $$events,
      ...restProps
    } = $$props;
    $$renderer2.push(`<div${attributes({
      "data-slot": "card-footer",
      class: clsx(cn("flex items-center px-6 [.border-t]:pt-6", className)),
      ...restProps
    })}>`);
    children?.($$renderer2);
    $$renderer2.push(`<!----></div>`);
    bind_props($$props, { ref });
  });
}
function _page($$renderer, $$props) {
  $$renderer.component(($$renderer2) => {
    let { data } = $$props;
    head("9fk07v", $$renderer2, ($$renderer3) => {
      $$renderer3.title(($$renderer4) => {
        $$renderer4.push(`<title>Users — Base</title>`);
      });
    });
    $$renderer2.push(`<main class="flex min-h-0 flex-1 flex-col gap-4 p-4 sm:gap-6 sm:p-6"><h1 class="text-2xl font-semibold">Users</h1> <div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3"><!--[-->`);
    const each_array = ensure_array_like(data.users);
    for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
      let user = each_array[$$index];
      $$renderer2.push("<!---->");
      Card?.($$renderer2, {
        class: "flex flex-col",
        children: ($$renderer3) => {
          $$renderer3.push("<!---->");
          Card_header?.($$renderer3, {
            class: "flex flex-row items-center gap-3",
            children: ($$renderer4) => {
              $$renderer4.push(`<div class="flex size-10 shrink-0 items-center justify-center rounded-full bg-muted text-muted-foreground text-sm font-medium">${escape_html(user.name ? String(user.name).slice(0, 2).toUpperCase() : user.email ? String(user.email).slice(0, 2).toUpperCase() : "?")}</div> <div class="min-w-0 flex-1">`);
              $$renderer4.push("<!---->");
              Card_title?.($$renderer4, {
                class: "truncate",
                children: ($$renderer5) => {
                  $$renderer5.push(`<!---->${escape_html(user.name ?? user.email ?? user.id)}`);
                },
                $$slots: { default: true }
              });
              $$renderer4.push(`<!----> `);
              if (user.email && user.name) {
                $$renderer4.push("<!--[-->");
                $$renderer4.push("<!---->");
                Card_description?.($$renderer4, {
                  class: "truncate text-xs",
                  children: ($$renderer5) => {
                    $$renderer5.push(`<!---->${escape_html(user.email)}`);
                  },
                  $$slots: { default: true }
                });
                $$renderer4.push(`<!---->`);
              } else {
                $$renderer4.push("<!--[!-->");
              }
              $$renderer4.push(`<!--]--></div>`);
            },
            $$slots: { default: true }
          });
          $$renderer3.push(`<!----> `);
          $$renderer3.push("<!---->");
          Card_content?.($$renderer3, {
            class: "flex-1",
            children: ($$renderer4) => {
              $$renderer4.push(`<p class="text-muted-foreground text-sm">Prism ${escape_html(user.prism ? "✓" : "—")} · TasGrid ${escape_html(user.tasgrid ? "✓" : "—")} · Stackq ${escape_html(user.stackq ? "✓" : "—")} · HRM ${escape_html(user.hrm ? "✓" : "—")}</p>`);
            },
            $$slots: { default: true }
          });
          $$renderer3.push(`<!----> `);
          $$renderer3.push("<!---->");
          Card_footer?.($$renderer3, {
            children: ($$renderer4) => {
              $$renderer4.push(`<a${attr("href", `/users/${stringify(user.id)}`)} class="block">`);
              Button($$renderer4, {
                variant: "outline",
                class: "w-full",
                children: ($$renderer5) => {
                  $$renderer5.push(`<!---->View`);
                },
                $$slots: { default: true }
              });
              $$renderer4.push(`<!----></a>`);
            },
            $$slots: { default: true }
          });
          $$renderer3.push(`<!---->`);
        },
        $$slots: { default: true }
      });
      $$renderer2.push(`<!---->`);
    }
    $$renderer2.push(`<!--]--></div></main>`);
  });
}
export {
  _page as default
};