<template>
  <button
    class="
      btn
      p-2
      px-6
      sui-background-secondary
      font-bold
      text-white
      rounded-md
      hover:sui-background-primary
      transition-colors
      duration-200
      shadow-sm
      m-4
    "
    @click="$emit('click')"
  >
    <slot>ButtonText</slot>
  </button>
</template>

<script>
export default {
  name: 'TheButton',
}
</script>

<style lang="scss" scoped></style>
