@liveblocks/react-ui/dist/components/internal/Group.cjs.map

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.

{"version":3,"file":"Group.cjs","sources":["../../../src/components/internal/Group.tsx"],"sourcesContent":["\"use client\";\n\nimport { useGroupInfo } from \"@liveblocks/react\";\nimport type { ComponentProps } from \"react\";\n\nimport { cn } from \"../../utils/cn\";\n\nexport interface GroupProps extends ComponentProps<\"span\"> {\n  /**\n   * The group ID to display the group name for.\n   */\n  groupId: string;\n}\n\nexport function Group({ groupId, className, children, ...props }: GroupProps) {\n  const { info, isLoading } = useGroupInfo(groupId);\n\n  return (\n    <span\n      className={cn(\"lb-name lb-group\", className)}\n      data-loading={isLoading ? \"\" : undefined}\n      {...props}\n    >\n      {isLoading ? null : (info?.name ?? groupId)}\n      {children}\n    </span>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAcO;AACL;AAEA;AACE;AAAC;AAAA;AAC4C;AACZ;AAC3B;AAEH;AAAkC;AAClC;AAAA;AAAA;AAGP;;"}