From 4838df315931bb883f704ec3e1abe2685f296cdf Mon Sep 17 00:00:00 2001
From: HsiangNianian <admin@jyunko.cn>
Date: Sat, 22 Apr 2023 19:52:26 +0800
Subject: 😀
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/components/image/ThemedImage.tsx | 45 +++++++++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)
 create mode 100644 docs/components/image/ThemedImage.tsx

(limited to 'docs/components/image/ThemedImage.tsx')

diff --git a/docs/components/image/ThemedImage.tsx b/docs/components/image/ThemedImage.tsx
new file mode 100644
index 0000000..0416bd9
--- /dev/null
+++ b/docs/components/image/ThemedImage.tsx
@@ -0,0 +1,45 @@
+import React from "react";
+import Image from "next/image";
+
+export interface Image {
+  height: number;
+  width: number;
+  source: string;
+}
+
+export interface ThemedImageProps {
+  title?: string;
+  dark?: Image;
+  light?: Image;
+  priority?: boolean;
+}
+
+export function ThemedImage({
+  title,
+  light,
+  dark,
+  priority = false,
+}: ThemedImageProps) {
+  return (
+    <>
+      <div className="block w-full dark:hidden">
+        <Image
+          alt={title}
+          src={light.source}
+          width={light.width}
+          height={light.height}
+          priority={priority}
+        />
+      </div>
+      <div className="hidden w-full dark:block">
+        <Image
+          alt={title}
+          src={dark.source}
+          width={dark.width}
+          height={dark.height}
+          priority={priority}
+        />
+      </div>
+    </>
+  );
+}
-- 
cgit v1.2.3-70-g09d2

