<template>
  <span class="icon">
    <i :class="style" />
  </span>
</template>

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

@Component({
  name: 'base-icon'
})
export default class BaseIcon extends Vue {
  @Prop({ default: 'exclamation' }) readonly value?: string

  get style () {
    return `fal fa-${this.value}`
  }
}
</script>

<style lang="scss" scoped>
@import "../../core/base/bulma.scss";
@import "bulma/sass/elements/icon.sass";
</style>
