<template>
  <ul>
    <li v-for="li in elements">
      <v-icon
        class="check"
        :color="color"
        icon="fa-solid fa-check"
        size="large"
      ></v-icon>
      <span class="pl-2">{{ li }}</span>
    </li>
  </ul>
</template>

<script setup lang="ts">
const props = defineProps({
  elements: {
    type: Array,
    required: true,
  },
  color: {
    type: String,
    required: true,
  },
})
</script>

<style scoped lang="scss">
ul {
  list-style: none;
  .check {
    font-size: 15px;
    font-weight: bold;
  }
}
</style>
