<template>
  <ul class="hotpay-list-unordered" :class="type">
    <hotpay-list-item v-for="(item, index) in items" :key="index" :text="item" />
  </ul>
</template>

<style lang="scss" scoped>
  @import '../stylesheets/variables.scss';

  .check {
    list-style-image: url(~./assets/icon-check.svg)
  }
</style>

<script>
  import HotpayListItem from './HotpayListItem'

  export default {
    name: 'hotpay-list-unordered',
    components: {
      HotpayListItem
    },
    props: {
      items: Array,
      type: String
    }
  }
</script>
