From 3bfe1f3c8117824163461e7a34fe69c9008f4024 Mon Sep 17 00:00:00 2001
From: inyeong-kang <tomatorkd@naver.com>
Date: Mon, 17 Jul 2023 18:36:39 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20(#55)=20=EC=BB=B4=ED=8F=AC=EB=84=8C?=
 =?UTF-8?q?=ED=8A=B8=EB=A5=BC=20=EC=97=B4=EA=B3=A0=20=EB=8B=AB=EB=8A=94=20?=
 =?UTF-8?q?=EC=BB=A4=EC=8A=A4=ED=85=80=20=ED=9B=85=20=EA=B5=AC=ED=98=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/hooks/useToggle.tsx | 15 +++++++++++++++
 1 file changed, 15 insertions(+)
 create mode 100644 frontend/src/hooks/useToggle.tsx

diff --git a/frontend/src/hooks/useToggle.tsx b/frontend/src/hooks/useToggle.tsx
new file mode 100644
index 000000000..5e5fb167b
--- /dev/null
+++ b/frontend/src/hooks/useToggle.tsx
@@ -0,0 +1,15 @@
+import { useState } from 'react';
+
+export const useToggle = () => {
+  const [isOpen, setIsOpen] = useState(false);
+
+  const openComponent = () => {
+    setIsOpen(true);
+  };
+
+  const closeComponent = () => {
+    setIsOpen(false);
+  };
+
+  return { isOpen, openComponent, closeComponent };
+};