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

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

</style>

<script>
  import HotpayListItem from './HotpayListItem'

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