From 1272b000149e72d32f030bcf06258f2ad4da1c41 Mon Sep 17 00:00:00 2001
From: Walidoux <ma.walidkorchi@icloud.com>
Date: Sun, 23 Apr 2023 20:13:52 +0100
Subject: [PATCH] feat(components/system): implement Image

---
 src/components/system/Image/Image.tsx | 19 +++++++++++++++++++
 src/components/system/Image/index.ts  |  1 +
 2 files changed, 20 insertions(+)
 create mode 100644 src/components/system/Image/Image.tsx
 create mode 100644 src/components/system/Image/index.ts

diff --git a/src/components/system/Image/Image.tsx b/src/components/system/Image/Image.tsx
new file mode 100644
index 0000000..bb068a1
--- /dev/null
+++ b/src/components/system/Image/Image.tsx
@@ -0,0 +1,19 @@
+import classNames from 'classnames'
+
+interface ImageProps extends React.ComponentPropsWithoutRef<'img'> {
+  size?: number
+  icon?: boolean
+}
+
+export const Image: React.FC<ImageProps> = ({ size, icon, ...rest }) => {
+  return (
+    <img
+      {...rest}
+      draggable={false}
+      style={{ imageRendering: Boolean(icon) ? 'pixelated' : 'unset' }}
+      className={classNames(rest.className, 'select-none')}
+      height={size ?? rest.height}
+      width={size ?? rest.width}
+    />
+  )
+}
diff --git a/src/components/system/Image/index.ts b/src/components/system/Image/index.ts
new file mode 100644
index 0000000..072b161
--- /dev/null
+++ b/src/components/system/Image/index.ts
@@ -0,0 +1 @@
+export * from './Image'