From 94cece284ad8bb47fe37d0d5e609a6a719c1d144 Mon Sep 17 00:00:00 2001
From: shlee9999 <95556588+shlee9999@users.noreply.github.com>
Date: Thu, 21 Nov 2024 15:07:14 +0900
Subject: [PATCH 1/2] =?UTF-8?q?=E2=9C=A8Feat:=20CloseButton,=20PrevButton?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Button/CloseButton/index.tsx |  7 +++++++
 src/components/Button/CloseButton/styles.ts | 10 ++++++++++
 src/components/Button/PrevButton/index.tsx  |  8 ++++++++
 src/components/Button/PrevButton/styles.ts  | 10 ++++++++++
 4 files changed, 35 insertions(+)
 create mode 100644 src/components/Button/CloseButton/index.tsx
 create mode 100644 src/components/Button/CloseButton/styles.ts
 create mode 100644 src/components/Button/PrevButton/index.tsx
 create mode 100644 src/components/Button/PrevButton/styles.ts

diff --git a/src/components/Button/CloseButton/index.tsx b/src/components/Button/CloseButton/index.tsx
new file mode 100644
index 0000000..e5b966a
--- /dev/null
+++ b/src/components/Button/CloseButton/index.tsx
@@ -0,0 +1,7 @@
+import { IconBaseProps } from 'react-icons'
+import * as S from './styles'
+
+type CloseButtonProps = IconBaseProps
+export default function CloseButton({ ...rest }: CloseButtonProps) {
+  return <S.CloseButton cursor='pointer' {...rest} />
+}
diff --git a/src/components/Button/CloseButton/styles.ts b/src/components/Button/CloseButton/styles.ts
new file mode 100644
index 0000000..ec08b66
--- /dev/null
+++ b/src/components/Button/CloseButton/styles.ts
@@ -0,0 +1,10 @@
+import { styled } from 'styled-components'
+import { MdClose } from 'react-icons/md'
+
+export const CloseButton = styled(MdClose)`
+  position: absolute;
+  width: 28px;
+  height: 28px;
+  top: 12px;
+  right: 20px;
+`
diff --git a/src/components/Button/PrevButton/index.tsx b/src/components/Button/PrevButton/index.tsx
new file mode 100644
index 0000000..45c6da2
--- /dev/null
+++ b/src/components/Button/PrevButton/index.tsx
@@ -0,0 +1,8 @@
+import { IconBaseProps } from 'react-icons'
+import * as S from './styles'
+
+type PrevButtonProps = IconBaseProps
+
+export default function PrevButton({ ...rest }: PrevButtonProps) {
+  return <S.PrevButton {...rest}>PrevButton</S.PrevButton>
+}
diff --git a/src/components/Button/PrevButton/styles.ts b/src/components/Button/PrevButton/styles.ts
new file mode 100644
index 0000000..835a6f3
--- /dev/null
+++ b/src/components/Button/PrevButton/styles.ts
@@ -0,0 +1,10 @@
+import { styled } from 'styled-components'
+import { GrPrevious } from 'react-icons/gr'
+
+export const PrevButton = styled(GrPrevious)`
+  position: absolute;
+  left: 20px;
+  top: 14px;
+  width: 28px;
+  height: 28px;
+`

From b2e6e26cd0aae99bbf2ff0c1d29a0240c49c28f4 Mon Sep 17 00:00:00 2001
From: shlee9999 <95556588+shlee9999@users.noreply.github.com>
Date: Thu, 21 Nov 2024 15:09:30 +0900
Subject: [PATCH 2/2] =?UTF-8?q?=F0=9F=8E=A8Design:=20PrevButton=20cursor?=
 =?UTF-8?q?=20pointer?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Button/PrevButton/index.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/Button/PrevButton/index.tsx b/src/components/Button/PrevButton/index.tsx
index 45c6da2..5681ddf 100644
--- a/src/components/Button/PrevButton/index.tsx
+++ b/src/components/Button/PrevButton/index.tsx
@@ -4,5 +4,9 @@ import * as S from './styles'
 type PrevButtonProps = IconBaseProps
 
 export default function PrevButton({ ...rest }: PrevButtonProps) {
-  return <S.PrevButton {...rest}>PrevButton</S.PrevButton>
+  return (
+    <S.PrevButton cursor='pointer' {...rest}>
+      PrevButton
+    </S.PrevButton>
+  )
 }