@liveblocks/react-ui/dist/components/internal/Room.cjs

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";
'use strict';

var jsxRuntime = require('react/jsx-runtime');
var react = require('@liveblocks/react');
var react$1 = require('react');
var classNames = require('../../utils/class-names.cjs');


function Room({ roomId, className, ...props }) {
  const { info, isLoading } = react.useRoomInfo(roomId);
  const resolvedRoomName = react$1.useMemo(() => {
    return info?.name ?? roomId;
  }, [info?.name, roomId]);
  return /* @__PURE__ */ jsxRuntime.jsx("span", {
    className: classNames.classNames("lb-name lb-room", className),
    "data-loading": isLoading ? "" : void 0,
    ...props,
    children: isLoading ? null : resolvedRoomName
  });
}

exports.Room = Room;
//# sourceMappingURL=Room.cjs.map