feat: Button 컴포넌트 설정 요소 추가

@@ -3,18 +3,29 @@ import styled from 'styled-components';
 import { buttonColorMap } from '../../lib/styles/palette';
 import { buttonColorMap } from '../../lib/styles/palette';
 
 
 const ButtonBlock = styled.button`
 const ButtonBlock = styled.button`
-  width: 20%;
+  width: ${props => props.width || '80px'};
+  height: ${props => props.height || '40px'};
+  font-size: ${props => props.fontsize || '15px'};
   background-color: ${props => buttonColorMap[props.color].background};
   background-color: ${props => buttonColorMap[props.color].background};
   &:hover {
   &:hover {
     background-color: ${props => buttonColorMap[props.color].hoverBackground};
     background-color: ${props => buttonColorMap[props.color].hoverBackground};
   }
   }
   color: ${props => buttonColorMap[props.color].color};
   color: ${props => buttonColorMap[props.color].color};
   float: ${props => props.float || ''};
   float: ${props => props.float || ''};
+  border-radius: 0.3em;
+  cursor: pointer;
+  border: 1px ${props => buttonColorMap[props.color].background};
 `;
 `;
 
 
-const Button = ({ children, color, float }) => {
+const Button = ({ children, color, float, width, height, fontsize }) => {
   return (
   return (
-    <ButtonBlock color={color} float={float}>
+    <ButtonBlock
+      color={color || 'blue'}
+      float={float}
+      width={width}
+      height={height}
+      fontsize={fontsize}
+    >
       {children}
       {children}
     </ButtonBlock>
     </ButtonBlock>
   );
   );

+{
+  "systemParams": "darwin-x64-88",
+  "modulesFolders": [],
+  "flags": [],
+  "linkedModules": [],
+  "topLevelPatterns": [],
+  "lockfileEntries": {},
+  "files": [],
+  "artifacts": {}
+}
\ No newline at end of file