@liveblocks/react-ui/dist/components/internal/Favicon.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 { jsx } from 'react/jsx-runtime';
import { useUrlMetadata } from '@liveblocks/react';
import '../../icons/index.js';
import { cn } from '../../utils/cn.js';
import { GlobeIcon } from '../../icons/Globe.js';


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

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