<template>
  <li class="hotpay-list-item">{{ text }}</li>
</template>

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

  .hotpay-list-item {
    margin-left: 20px;
    padding-left: 6px;
    font-weight: 600;
    line-height: 1.3;

    + .hotpay-list-item {
      margin-top: 20px;
    }
  }
</style>

<script>
  export default {
    name: 'hotpay-list-item',
    props: {
      text: String
    }
  }
</script>
