Component({
  options: {
    multipleSlots: true
  },
  properties: {
    text: {
      type: String,
      value: ''
    },
    theme: {
      type: String,
      value: 'primary'
    },
    variant: {
      type: String,
      value: 'base'
    },
    size: {
      type: String,
      value: 'medium'
    },
    block: {
      type: Boolean,
      value: false
    },
    disabled: {
      type: Boolean,
      value: false
    },
    loading: {
      type: Boolean,
      value: false
    },
    shape: {
      type: String,
      value: 'rectangle'
    }
  },
  methods: {
    handleTap(event) {
      this.triggerEvent('tap', event.detail)
    }
  }
})