From 89eda2ec7869675637645948759c720f15c802fe Mon Sep 17 00:00:00 2001
From: Soyeon Choe <soy2302ten@gmail.com>
Date: Thu, 12 Sep 2024 18:11:38 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20=EC=82=AC=EC=9A=A9=ED=95=98?=
 =?UTF-8?q?=EC=A7=80=20=EC=95=8A=EC=9D=80=20=EC=BD=94=EB=93=9C=20=EC=82=AD?=
 =?UTF-8?q?=EC=A0=9C=20=EB=B0=8F=20styleProps=20=EA=B5=AC=EC=A1=B0=20?=
 =?UTF-8?q?=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/DepositToggle/DepositToggle.style.ts | 13 ++-----------
 .../components/DepositToggle/DepositToggle.type.ts  | 10 +++++++++-
 2 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/client/src/components/Design/components/DepositToggle/DepositToggle.style.ts b/client/src/components/Design/components/DepositToggle/DepositToggle.style.ts
index d769feafc..ceb8cb44e 100644
--- a/client/src/components/Design/components/DepositToggle/DepositToggle.style.ts
+++ b/client/src/components/Design/components/DepositToggle/DepositToggle.style.ts
@@ -1,13 +1,8 @@
 import {css} from '@emotion/react';
 
-import {Theme} from '@theme/theme.type';
+import {DepositToggleStylePropsWithTheme} from './DepositToggle.type';
 
-interface Props {
-  theme: Theme;
-  isDeposit: boolean;
-}
-
-export const depositToggleStyle = ({theme, isDeposit}: Props) =>
+export const depositToggleStyle = ({theme, isDeposit}: DepositToggleStylePropsWithTheme) =>
   css({
     display: `flex`,
     flexDirection: 'column',
@@ -17,10 +12,6 @@ export const depositToggleStyle = ({theme, isDeposit}: Props) =>
     cursor: 'pointer',
     width: '4rem',
 
-    div: {
-      // zIndex: '5',
-    },
-
     p: {
       display: 'flex',
       justifyContent: 'center',
diff --git a/client/src/components/Design/components/DepositToggle/DepositToggle.type.ts b/client/src/components/Design/components/DepositToggle/DepositToggle.type.ts
index 7ca415e55..54acc6558 100644
--- a/client/src/components/Design/components/DepositToggle/DepositToggle.type.ts
+++ b/client/src/components/Design/components/DepositToggle/DepositToggle.type.ts
@@ -1,10 +1,18 @@
-export interface DepositToggleStyleProps {}
+import {Theme} from '@components/Design/theme/theme.type';
+
+export interface DepositToggleStyleProps {
+  isDeposit: boolean;
+}
 
 export interface DepositToggleCustomProps {
   isDeposit: boolean;
   onToggle: () => void;
 }
 
+export interface DepositToggleStylePropsWithTheme extends DepositToggleStyleProps {
+  theme: Theme;
+}
+
 export type DepositToggleOptionProps = DepositToggleStyleProps & DepositToggleCustomProps;
 
 export type DepositToggleProps = React.ComponentProps<'div'> & DepositToggleOptionProps;