import './_icons.generated';

import {
  Component,
  Prop,
  Vue,
} from 'vue-property-decorator';


@Component({
  name: 'StIcon',
})
export default class StIcon extends Vue {
  @Prop({ type: String, required: true })
  name!: string;

  get iconClass() {
    return [
      'st-icon',
      this.name ? `st-icon--${this.name}` : '',
    ];
  }

  handleClick(event: any) {
    this.$emit('click', event);
  }
}