many new

src/ui/Button/Button.sass

@@ -0,0 +1,17 @@
+@import "../../Constants"
+
+.Button
+  cursor: pointer
+  padding: .2rem
+  border-radius: $borderRadius
+  background-color: var(--block-color)
+  border: 1px solid var(--main-color)
+  color: var(--main-color)
+
+  &:disabled
+    color: var(--sec-color)
+
+  &:hover
+    background-color: var(--block-sec-color)
+    color: var(--link-color)
+    border: 1px solid var(--link-color)

src/ui/Button/Button.tsx

@@ -0,0 +1,14 @@
+import React, {ButtonHTMLAttributes} from "react";
+import './Button.sass';
+import classNames from "../../classNames";
+
+const Button = (restProps: ButtonHTMLAttributes<HTMLElement>) => {
+    const { className, children, ...props } = restProps;
+    return (
+        <button className={classNames('Button', className)} {...props}>
+            {children}
+        </button>
+    )
+}
+
+export default Button;