@liveblocks/react-ui/dist/components/internal/Favicon.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');
require('../../icons/index.cjs');
var cn = require('../../utils/cn.cjs');
var Globe = require('../../icons/Globe.cjs');


function Favicon({ url, className, ...props }) {
  const { metadata } = react.useUrlMetadata(url);
  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn.cn("lb-favicon", className), ...props, children: metadata?.icon ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: metadata?.icon, alt: metadata?.title }) : /* @__PURE__ */ jsxRuntime.jsx(Globe.GlobeIcon, { className: "lb-favicon-fallback" }) });
}

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