From 9f3c77a4b8167d03d4b1f172ff36ee81f37fff43 Mon Sep 17 00:00:00 2001
From: WAGMI Times <wagmitimes@gmail.com>
Date: Wed, 20 Jul 2022 23:45:42 -0300
Subject: [PATCH] feat: Create `<Button>` component

---
 components/atoms/Button/button.tsx | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 components/atoms/Button/button.tsx

diff --git a/components/atoms/Button/button.tsx b/components/atoms/Button/button.tsx
new file mode 100644
index 0000000000..987bd418ee
--- /dev/null
+++ b/components/atoms/Button/button.tsx
@@ -0,0 +1,21 @@
+import React from "react";
+import { Button as SupabaseButtonComponent } from "@supabase/ui";
+
+interface ButtonProps extends React.ComponentProps<typeof SupabaseButtonComponent> {
+  //Add additional prop definitions here
+}
+
+const Button: React.FC<ButtonProps> = ( props ) => {
+
+  return (
+    <SupabaseButtonComponent 
+      className={
+        `${props.className && props.className} !text-sm !font-semibold !tracking-tight !py-1 !px-3 !rounded-md !px- focus:!border-orange-500 focus:outline-none focus-visible:ring focus-visible:!ring-orange-200 `
+      }
+      {...props}>
+      {props.children}
+    </SupabaseButtonComponent>
+  );
+};
+
+export default Button;
\ No newline at end of file