@liveblocks/react-ui/dist/components/internal/Favicon.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":"Favicon.cjs","sources":["../../../src/components/internal/Favicon.tsx"],"sourcesContent":["\"use client\";\n\nimport { useUrlMetadata } from \"@liveblocks/react\";\nimport { type ComponentProps } from \"react\";\n\nimport { GlobeIcon } from \"../../icons\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface FaviconProps extends ComponentProps<\"div\"> {\n  url: string;\n}\n\nexport function Favicon({ url, className, ...props }: FaviconProps) {\n  const { metadata } = useUrlMetadata(url);\n\n  return (\n    <div className={cn(\"lb-favicon\", className)} {...props}>\n      {metadata?.icon ? (\n        <img src={metadata?.icon} alt={metadata?.title} />\n      ) : (\n        <GlobeIcon className=\"lb-favicon-fallback\" />\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;AAYO;AACL;AAEA;AASF;;"}