snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)

apps/v4/components/chart-iframe.tsx

@@ -0,0 +1,30 @@
+"use client"
+
+import * as React from "react"
+import { cn } from "cn"
+
+export function ChartIframe({
+  src,
+  height,
+  title,
+}: {
+  src: string
+  height: number
+  title: string
+}) {
+  const [loaded, setLoaded] = React.useState(false)
+
+  return (
+    <iframe
+      src={src}
+      className={cn(
+        "w-full border-none transition-opacity duration-300",
+        loaded ? "opacity-100" : "opacity-0"
+      )}
+      height={height}
+      loading="lazy"
+      title={title}
+      onLoad={() => setLoaded(true)}
+    />
+  )
+}