refactor all button to butto compoment

packages/ui/components/button/Button.tsx

@@ -1,20 +1,26 @@
 import { classNames } from "@documenso/lib";
 import Link from "next/link";
 import React from "react";
-import { Tooltip } from "react-tooltip";
-import short from "short-uuid";
 
 export function Button(props: any) {
   const isLink = typeof props.href !== "undefined";
   const { color = "primary", icon, disabled, onClick } = props;
   const baseStyles =
-    "inline-flex items-center justify-center rounded-md border border-transparent px-4 py-2 text-sm font-medium text-white shadow-sm sm:w-auto disabled:bg-gray-300";
+    "inline-flex items-center justify-center min-w-[80px] rounded-md border border-transparent px-4 py-2 text-sm font-medium text-white shadow-sm disabled:bg-gray-300";
   const primaryStyles = "bg-neon hover:bg-neon-dark";
   const secondaryStyles =
     "border-gray-300 bg-white text-gray-700 hover:bg-gray-50";
 
   return isLink ? (
-    <Link id={props.id} href={props.href} className={classNames(baseStyles)}>
+    <Link
+      id={props.id}
+      href={props.href}
+      className={classNames(
+        baseStyles,
+        color === "primary" ? primaryStyles : secondaryStyles,
+        props.className
+      )}
+    >
       {props.children}
     </Link>
   ) : (
@@ -22,12 +28,20 @@ export function Button(props: any) {
       id={props.id}
       className={classNames(
         baseStyles,
-        color === "primary" ? primaryStyles : secondaryStyles
+        color === "primary" ? primaryStyles : secondaryStyles,
+        props.className
       )}
       onClick={props.onClick}
-      {...props}
+      disabled={props.disabled}
     >
-      <props.icon className="inline text-inherit w-4 mr-1"></props.icon>
+      {props.icon ? (
+        <props.icon
+          className="inline text-inherit w-4 mr-1"
+          aria-hidden="true"
+        ></props.icon>
+      ) : (
+        ""
+      )}
       {props.children}
     </button>
   );

packages/ui/components/button/index.ts

@@ -1 +1 @@
-export { Button } from "./button";
+export { Button } from "./Button";

packages/ui/components/index.ts

@@ -1 +0,0 @@
-export {  }

packages/ui/index.ts

@@ -1 +1 @@
-export { Button } from "./components/./button";
+export { Button } from "./components/button/index";