Edited button component

src/builtin-components/Button/Button.sass

@@ -4,13 +4,13 @@
 .button
   background: vars.$primaryColor
   border: none
-  border-radius: 16px
+  border-radius: 32px
   color: white
   padding: 0.5rem 1.25rem
   text-align: center
   text-decoration: none
   display: inline-block
-  font-size: 0.75rem
+  font-size: 1rem
   font-weight: 700
   cursor: pointer
   transition: all 0.2s ease-out

src/builtin-components/Button/Button.tsx

@@ -2,22 +2,25 @@ import './Button.sass'
 import { Show } from 'solid-js'
 
 interface Props {
-  label?: string;
+  label?: string
-  to?: string;
+  to?: string
-  onClick?: () => void;
+  onClick?: () => void
 }
 
 export default (props: Props) => {
-  return
+  return (
-  <>
+    <>
-    <Show when={props.to}>
+      <Show when={props.to}>
-      <a href={props.to} aria-label={props.label}>
+        <a href={props.to} aria-label={props.label}>
-        <button class="button">{props.label || 'Click Me!'}</button>
+          <button class="button">{props.label || 'Click Me!'}</button>
-      </a>
+        </a>
-    </Show>
+      </Show>
 
-    <Show when={!props.to}>
+      <Show when={!props.to}>
-      <button class="button" onClick={props.onClick}>{props.label || 'Click Me!'}</button>
+        <button class="button" onClick={props.onClick}>
-    </Show>
+          {props.label || 'Click Me!'}
-  </>
+        </button>
-}
+      </Show>
+    </>
+  )
+}