chore: custom connect button

src/components/button/Button.jsx

@@ -0,0 +1,29 @@
+import cn from 'classnames';
+import PropTypes from 'prop-types';
+import icon from '../../assets/loading.png';
+
+export const Button = ({ children, onClick, loading, className }) => (
+  <button
+    className={cn(
+      'px-3 py-2 rounded-full justify-center flex',
+      'text-white text-sm font-semibold leading-none min-w-24 text-center',
+      loading ? 'bg-blue-400' : 'bg-blue-600',
+      className
+    )}
+    onClick={onClick}
+    disabled={loading}
+  >
+    {loading ? (
+      <img src={icon} alt="Loading" className="animate-spin w-4" />
+    ) : (
+      children
+    )}
+  </button>
+);
+
+Button.propTypes = {
+  children: PropTypes.node,
+  onClick: PropTypes.func,
+  loading: PropTypes.bool,
+  className: PropTypes.string,
+};