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

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

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