<script src="./mc-select.ts" lang="ts"></script>
<style src="./mc-select.scss" lang="scss" scoped></style>

<template>
  <div :id="componentId" class="mc-select-component-wrapper" :class="classNames">
    <label :for="name">{{label}}</label>
    <select :id="id" :name="name" :disabled="disabled">
      <option v-for="option in options" :value="option.value" :class="option.icon" :selected="defaultValue === option.value"><span v-if="option.icon" :class="option.icon"></span>{{option.text}}</option>
    </select>
  </div>
</template>
