1 files changed, 15 insertions, 0 deletions

diff --git a/src/ui/objects/ContentImage.tsx b/src/ui/objects/ContentImage.tsx
new file mode 100644
index 0000000..ef45f89
--- /dev/null
+++ b/src/ui/objects/ContentImage.tsx
@@ -0,0 +1,15 @@
+import type { ClassValue } from "corvos/deps/clsx.ts";
+import type { Props as ImageProps } from "corvos/plugins/images.ts";
+
+import { Image } from "corvos/plugins/images.ts";
+
+export type Props = Omit<ImageProps, "src"> & {
+        "src"?: string;
+        "img-class"?: ClassValue;
+};
+
+export const ContentImage = ({ src, "img-class": imgClass, ...props }: Props) => (
+        <a href={src} data-lightbox {...props}>
+                <Image src={src} width="1400" class:list={imgClass} />
+        </a>
+);