geoiq-frontend-ui-kit/dist/index.es119.js

This project is a UI kit for GeoIQ's frontend. It's built with React, TypeScript, and Vite.

import a from "react";
import { AccordionDemo as l } from "./index.es4.js";
import { AvatarDemo as o } from "./index.es6.js";
import { Typography as r } from "./index.es19.js";
const p = ({ members: t }) => t.length > 0 ? /* @__PURE__ */ a.createElement(
  l,
  {
    trigger: /* @__PURE__ */ a.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ a.createElement(r, { variant: "body1", className: "text-light-2" }, "Members (", t.length, ")")),
    content: /* @__PURE__ */ a.createElement("div", { className: "flex flex-col gap-2" }, t.map((e) => /* @__PURE__ */ a.createElement(
      "div",
      {
        key: e.id,
        className: "flex items-center gap-3 rounded-xl bg-light-2 px-4 py-3"
      },
      /* @__PURE__ */ a.createElement(
        o,
        {
          size: "md",
          imageSrc: e.imageSrc || "",
          alt: e.alt || e.name,
          fallback: e.fallback || e.name?.[0].toUpperCase() || "",
          avatarProps: {
            className: "border border-neutral-1 h-8 w-8 bg-light-1"
          },
          ...e
        }
      ),
      /* @__PURE__ */ a.createElement(r, { variant: "body2" }, e.name)
    ))),
    contentProps: { className: "max-h-[400px] overflow-y-auto" },
    triggerProps: { className: "cursor-pointer my-2" }
  }
) : null;
export {
  p as MembersSection
};
//# sourceMappingURL=index.es119.js.map