<template>
  <q-btn
    v-on="$listeners"
    round
    dense
    :flat="!isShowConfig"
    :color="color"
    :icon="icon"
  />
</template>

<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator'
import { QBtn } from 'quasar'

@Component({ inheritAttrs: false, components: { QBtn } })
export default class UiNotificationsConfigBtn extends Vue {
  @Prop(Boolean) isShowConfig!: boolean

  get icon(): string {
    return this.isShowConfig ? 'la la-close' : 'las la-cog'
  }

  get color(): string | undefined {
    return this.isShowConfig ? 'primary' : undefined
  }
}
</script>
