Renamed folder

src/components/ButtonComponent/Button.sass

@@ -1,22 +0,0 @@
-@use '/src/styles/variables.sass' as vars
-@use 'sass:color'
-
-.button
-  background: vars.$primaryColor
-  border: none
-  border-radius: 16px
-  color: white
-  padding: 0.5rem 1.25rem
-  text-align: center
-  text-decoration: none
-  display: inline-block
-  font-size: 0.75rem
-  font-weight: 700
-  cursor: pointer
-  transition: all 0.2s ease-out
-
-  &:hover
-    background: color.adjust(vars.$primaryColor, $blackness: 20%)
-
-  &:active
-    transform: scale(0.95)

src/components/ButtonComponent/Button.tsx

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