From 03147a1bf445fb290749b7cb590e512ab60de981 Mon Sep 17 00:00:00 2001
From: Jang seo yun <81643702+pipisebastian@users.noreply.github.com>
Date: Thu, 15 Feb 2024 19:50:08 +0900
Subject: [PATCH] =?UTF-8?q?design:=20=EC=95=84=EC=9D=B4=EC=BD=98=20?=
 =?UTF-8?q?=EB=B2=84=ED=8A=BC=20=ED=85=8C=EB=A7=88=20=EC=84=A4=EC=A0=95=20?=
 =?UTF-8?q?(#38)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#37
---
 src/theme/components/button.ts | 26 ++++++++++++++++++++++++++
 src/theme/components/index.ts  |  6 +++++-
 2 files changed, 31 insertions(+), 1 deletion(-)
 create mode 100644 src/theme/components/button.ts

diff --git a/src/theme/components/button.ts b/src/theme/components/button.ts
new file mode 100644
index 00000000..ebe28a7e
--- /dev/null
+++ b/src/theme/components/button.ts
@@ -0,0 +1,26 @@
+import { defineStyleConfig } from '@chakra-ui/react';
+
+const Button = defineStyleConfig({
+  sizes: {
+    icon_sm: {
+      fontSize: 'xl',
+      h: '24px',
+      w: '24px',
+      borderRadius: 'full',
+    },
+    icon_md: {
+      fontSize: '2xl',
+      h: '38px',
+      w: '38px',
+      borderRadius: 'full',
+    },
+    icon_lg: {
+      fontSize: '3xl',
+      h: '68px',
+      w: '68px',
+      borderRadius: 'full',
+    },
+  },
+});
+
+export default Button;
diff --git a/src/theme/components/index.ts b/src/theme/components/index.ts
index 9165099f..0843c37d 100644
--- a/src/theme/components/index.ts
+++ b/src/theme/components/index.ts
@@ -1,3 +1,7 @@
-const components = {};
+import Button from './button';
+
+const components = {
+  Button,
+};
 
 export default components;