design: 아이콘 버튼 테마 설정 (#38)

#37

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;

src/theme/components/index.ts

@@ -1,3 +1,7 @@
-const components = {};
+import Button from './button';
+
+const components = {
+  Button,
+};
 
 export default components;