@liveblocks/react-ui/dist/components/internal/Group.js

A set of React pre-built components for the Liveblocks products. Liveblocks is the all-in-one toolkit to build collaborative products like Figma, Notion, and more.

"use client";
import { jsxs } from 'react/jsx-runtime';
import { useGroupInfo } from '@liveblocks/react';
import { cn } from '../../utils/cn.js';


function Group({ groupId, className, children, ...props }) {
  const { info, isLoading } = useGroupInfo(groupId);
  return /* @__PURE__ */ jsxs(
    "span",
    {
      className: cn("lb-name lb-group", className),
      "data-loading": isLoading ? "" : void 0,
      ...props,
      children: [
        isLoading ? null : info?.name ?? groupId,
        children
      ]
    }
  );
}

export { Group };
//# sourceMappingURL=Group.js.map