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

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

diff --git a/src/components/system/Popup/Popup.tsx b/src/components/system/Popup/Popup.tsx
new file mode 100644
index 0000000..67ca7a6
--- /dev/null
+++ b/src/components/system/Popup/Popup.tsx
@@ -0,0 +1,19 @@
+import { AnimateView } from '../AnimateView'
+
+interface PopupProps {
+  condition: boolean
+  children: React.ReactNode
+}
+
+export const Popup: React.FC<PopupProps> = ({ condition, children }) => {
+  return (
+    <AnimateView
+      className='absolute z-20 top-0 left-0 w-screen h-screen bg-black/50 backdrop-blur-xl'
+      initial={{ opacity: 0 }}
+      animate={{ opacity: 1 }}
+      exit={{ opacity: 0 }}
+      condition={condition}>
+      {children}
+    </AnimateView>
+  )
+}
diff --git a/src/components/system/Popup/index.ts b/src/components/system/Popup/index.ts
new file mode 100644
index 0000000..5775e5a
--- /dev/null
+++ b/src/components/system/Popup/index.ts
@@ -0,0 +1 @@
+export * from './Popup'