@liveblocks/react-ui/dist/components/internal/GroupDescription.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":"GroupDescription.cjs","sources":["../../../src/components/internal/GroupDescription.tsx"],"sourcesContent":["\"use client\";\n\nimport { useGroupInfo } from \"@liveblocks/react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cn } from \"../../utils/cn\";\n\ninterface GroupDescriptionProps extends ComponentPropsWithoutRef<\"span\"> {\n  /**\n   * The group ID to display the group description for.\n   */\n  groupId: string;\n}\n\nexport function GroupDescription({\n  groupId,\n  className,\n  ...props\n}: GroupDescriptionProps) {\n  const { info } = useGroupInfo(groupId);\n\n  return info?.description ? (\n    <span className={cn(\"lb-group-description\", className)} {...props}>\n      {info.description}\n    </span>\n  ) : null;\n}\n"],"names":[],"mappings":";;;;;;;;AAcO;AAA0B;AAC/B;AACA;AAEF;AACE;AAEA;AAKF;;"}