refactor: #7 - 파일명 변경

src/app/(routes)/bomiTest/page.tsx

@@ -1,13 +1,13 @@
 // 컴포넌트 테스트 코드입니다
-// import Button from '@/components/common/Button/Button'
+import Button from '@/components/common/Button/Button'
 import { PencilSquareIcon } from '@heroicons/react/24/outline'
 import { HeartIcon } from '@heroicons/react/24/outline'
 import { PlusSmallIcon } from '@heroicons/react/24/solid'
 
 const TestPage = () => {
   return (
     <>
-      {/* <div className="m-1">
+      <div className="m-1">
         <Button className="button button-md button-white">흰색 버튼</Button>
       </div>
       <div className="m-1">
@@ -54,7 +54,7 @@ const TestPage = () => {
           <HeartIcon className="h-4 w-4" />
           Button
         </Button>
-      </div> */}
+      </div>
     </>
   )
 }

src/components/common/Button/Button.tsx

@@ -0,0 +1,29 @@
+interface ButtonProps {
+  children?: React.ReactNode
+  type?: 'button' | 'reset' | 'submit' | undefined
+  className?: string
+  style?: React.CSSProperties
+  onClick?: (_e?: React.MouseEvent<HTMLButtonElement>) => void
+}
+
+const Button = ({
+  children,
+  type = 'button',
+  className,
+  style,
+  onClick,
+  ...rest
+}: ButtonProps) => {
+  return (
+    <button
+      onClick={onClick}
+      className={className}
+      style={{ ...style }}
+      type={type}
+      {...rest}>
+      {children}
+    </button>
+  )
+}
+
+export default Button