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

apps/v4/components/block-image.tsx

@@ -0,0 +1,35 @@
+import Image from "next/image"
+import { cn } from "cn"
+
+export function BlockImage({
+  name,
+  width = 1440,
+  height = 900,
+  className,
+}: Omit<React.ComponentProps<typeof Image>, "src" | "alt"> & { name: string }) {
+  return (
+    <div
+      className={cn(
+        "relative aspect-[1440/900] w-full overflow-hidden rounded-lg",
+        className
+      )}
+    >
+      <Image
+        src={`/r/styles/new-york/${name}-light.png`}
+        alt={name}
+        width={width}
+        height={height}
+        className="object-cover dark:hidden"
+        data-image="light"
+      />
+      <Image
+        src={`/r/styles/new-york/${name}-dark.png`}
+        alt={name}
+        width={width}
+        height={height}
+        className="hidden object-cover dark:block"
+        data-image="dark"
+      />
+    </div>
+  )
+}