fe-22 封装风格统一的button组件

lazy-timer-fe/src/components/Button.jsx

@@ -0,0 +1,15 @@
+import React from 'react'
+
+import { useStateContext } from '../contexts/ContextProvider'
+
+const Button = ({ icon, bgColor, color, bgHoverColor, size, text, borderRadius, width }) => {
+    const { setIsClicked, initialState } = useStateContext()
+
+    return (
+        <button type="button" onClick={() => setIsClicked(initialState)} style={{ backgroundColor: bgColor, color, borderRadius }} className={` text-${size} p-3 w-${width} hover:drop-shadow-xl hover:bg-${bgHoverColor}`}>
+            {icon} {text}
+        </button>
+    )
+}
+
+export default Button