From 7d1de2157eb89b6fa7137442cd0f5f86894a5979 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9B=90=EB=8D=94?= <wonderbotsupport@naver.com>
Date: Wed, 27 Jan 2021 22:51:20 +0900
Subject: [PATCH] feat: added loader

---
 components/Loader.tsx | 14 ++++++++++++++
 1 file changed, 14 insertions(+)
 create mode 100644 components/Loader.tsx

diff --git a/components/Loader.tsx b/components/Loader.tsx
new file mode 100644
index 0000000..d1bb5fc
--- /dev/null
+++ b/components/Loader.tsx
@@ -0,0 +1,14 @@
+const Loader = ({ text, visible=true }:LoaderProps):JSX.Element => {
+	return <div className={`${visible ? '' : 'hidden '}w-full h-full fixed block top-0 left-0 bg-gray-500 bg-opacity-75 z-50 dark:text-black`}>
+		<h1 className='text-2xl font-semibold opacity-100 top-1/2 my-0 mx-auto block relative text-center'>
+			{ text }
+		</h1>
+	</div>
+}
+
+interface LoaderProps {
+  text: string
+  visible?: boolean
+}
+
+export default Loader
\ No newline at end of file