feat: 아이콘 버튼 컴포넌트 구현 (#8)

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

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

* feat: index.ts폴더 추가

* refactor: 기본 변수 수정

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

* refactor: className추가

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

* refactor: 수정사항 반영

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'
 

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

src/components/IconButton/index.ts

@@ -0,0 +1 @@
+export { default as IconButton } from './IconButton'

src/components/index.ts

@@ -1,3 +1,5 @@
+export * from './IconButton'
+
 export { default as SearchBar } from './SearchBar'
 export { default as Profile } from './Profile'