From 8bd8004eea064a5ae94a967f77db19e00a18d870 Mon Sep 17 00:00:00 2001
From: Kim0426 <706shin1728@naver.com>
Date: Tue, 31 Oct 2023 15:23:35 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EC=95=84=EC=9D=B4=EC=BD=98=20=EB=B2=84?=
 =?UTF-8?q?=ED=8A=BC=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20=EA=B5=AC?=
 =?UTF-8?q?=ED=98=84=20(#8)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* feat: 기본 버튼 컴포넌트 추가

* feat: 아이콘 컴포넌트 children으로 설정

* feat: index.ts폴더 추가

* refactor: 기본 변수 수정

* refactor: 추가적인 클래스 받도록 설정

* refactor: className추가

* refactor: 불필요한 prop,유틸 제거

* refactor: 수정사항 반영
---
 src/assets/icons/index.ts                |  1 +
 src/assets/icons/table_send.svg          |  3 +++
 src/components/IconButton/IconButton.tsx | 28 ++++++++++++++++++++++++
 src/components/IconButton/index.ts       |  1 +
 src/components/index.ts                  |  2 ++
 5 files changed, 35 insertions(+)
 create mode 100644 src/assets/icons/table_send.svg
 create mode 100644 src/components/IconButton/IconButton.tsx
 create mode 100644 src/components/IconButton/index.ts

diff --git a/src/assets/icons/index.ts b/src/assets/icons/index.ts
index 34c523fb..0b574cba 100644
--- a/src/assets/icons/index.ts
+++ b/src/assets/icons/index.ts
@@ -1,4 +1,5 @@
 export { default as CloseIcon } from './close.svg?react'
+export { default as TableSend } from './table_send.svg?react'
 export { default as SearchIcon } from './search.svg?react'
 export { default as BasicProfileIcon } from './basicProfile.svg?react'
 
diff --git a/src/assets/icons/table_send.svg b/src/assets/icons/table_send.svg
new file mode 100644
index 00000000..466e5d94
--- /dev/null
+++ b/src/assets/icons/table_send.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.33315 11.6667L17.4998 2.5M8.33315 11.6667L11.2498 17.5C11.2864 17.5798 11.3451 17.6474 11.4189 17.6948C11.4928 17.7422 11.5787 17.7674 11.6665 17.7674C11.7542 17.7674 11.8402 17.7422 11.914 17.6948C11.9879 17.6474 12.0466 17.5798 12.0831 17.5L17.4998 2.5M8.33315 11.6667L2.49981 8.75C2.42003 8.71344 2.35242 8.65474 2.30502 8.58088C2.25762 8.50701 2.23242 8.4211 2.23242 8.33333C2.23242 8.24557 2.25762 8.15965 2.30502 8.08579C2.35242 8.01193 2.42003 7.95323 2.49981 7.91667L17.4998 2.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/IconButton/IconButton.tsx b/src/components/IconButton/IconButton.tsx
new file mode 100644
index 00000000..2f14cd8a
--- /dev/null
+++ b/src/components/IconButton/IconButton.tsx
@@ -0,0 +1,28 @@
+import { PropsWithChildren } from 'react'
+import './IconButton.css'
+
+interface IconButtonProps {
+  disabled?: boolean
+  className?: string
+  text?: string
+}
+
+const IconButton = ({
+  disabled,
+  className,
+  children,
+  text,
+}: PropsWithChildren<IconButtonProps>) => {
+  return (
+    <button
+      className={`btn flex h-14 w-36 items-center gap-2 border border-black bg-white text-black  ${
+        disabled ? 'btn-disabled' : ''
+      } ${className} `}
+    >
+      {children}
+      {text ?? 'Default'}
+    </button>
+  )
+}
+
+export default IconButton
diff --git a/src/components/IconButton/index.ts b/src/components/IconButton/index.ts
new file mode 100644
index 00000000..608a1f21
--- /dev/null
+++ b/src/components/IconButton/index.ts
@@ -0,0 +1 @@
+export { default as IconButton } from './IconButton'
diff --git a/src/components/index.ts b/src/components/index.ts
index f42c820c..18c83df3 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -1,3 +1,5 @@
+export * from './IconButton'
+
 export { default as SearchBar } from './SearchBar'
 export { default as Profile } from './Profile'