Component({
  properties: {
    text: { type: String, value: '' },
    variant: { type: String, value: 'primary' },  // primary | outline | danger | ghost
    size: { type: String, value: 'md' },          // sm | md | lg | xl
    block: { type: Boolean, value: false },
    disabled: { type: Boolean, value: false },
    iconSrc: { type: String, value: '' },
    customStyle: { type: String, value: '' }
  },
  methods: {
    onTap() {
      this.triggerEvent('tap')
    }
  }
})