import './Button.sass'
import { Show } from 'solid-js'

interface Props {
  label?: string
  to?: string
  onClick?: () => void
}

export default (props: Props) => {
  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>
    </>
  )
}