From efee2c426204a6e2c023db969ea0a6ba862f5768 Mon Sep 17 00:00:00 2001
From: Martin Berg Alstad <600878@stud.hvl.no>
Date: Wed, 11 Jan 2023 23:44:04 +0100
Subject: [PATCH] Added button component

---
 src/components/button.tsx | 26 +++++++++++++++++++++++---
 1 file changed, 23 insertions(+), 3 deletions(-)

diff --git a/src/components/button.tsx b/src/components/button.tsx
index ecb8f83..0102ba1 100644
--- a/src/components/button.tsx
+++ b/src/components/button.tsx
@@ -1,6 +1,6 @@
 /* @refresh reload */
-import { type Component, createSignal } from "solid-js";
-import type { TitleProps } from "../types/interfaces";
+import { type Component, createSignal, JSX } from "solid-js";
+import type { ButtonProps, ChildProps, TitleProps } from "../types/interfaces";
 
 interface SwitchProps extends TitleProps {
     defaultValue?: boolean,
@@ -15,7 +15,7 @@ export const MySwitch: Component<SwitchProps> = (
         className,
         name,
         id
-    }) => {
+    }): JSX.Element => {
 
     const [checked, setChecked] = createSignal(defaultValue);
 
@@ -39,3 +39,23 @@ export const MySwitch: Component<SwitchProps> = (
         </button>
     );
 };
+
+export const Button: Component<ButtonProps> = (
+    {
+        className,
+        title,
+        children,
+        id,
+        onClick,
+        type = "button",
+    }
+): JSX.Element => {
+    return (
+        <button title={ title } id={ id } type={ type }
+                class={ `border-rounded bg-cyan-900 px-2 cursor-pointer ${ className }` }
+                onClick={ onClick }>
+            { children }
+        </button>
+    );
+};
+