<template>
  <q-card-section>
    <div class="row">
      <div class="subtitle">
        {{ label }}
      </div>
    </div>
    <slot>
      <div class="row q-mt-xs q-gutter-sm">
        <q-icon class="icon" :name="icon" />
        <div class="text-caption">
          {{ text }}
        </div>
        <div class="text-caption q-ml-xl" style="text-decoration: line-through;">
          {{ strikeText }}
        </div>
      </div>
    </slot>
  </q-card-section>
</template>

<script>
export default {
  props: {
    label: {
      type: String,
      required: true,
    },
    text: {
      type: String,
      default: "",
    },
    icon: {
      type: String,
      default: "",
    },
    strikeText: {
      type: String,
      default: "",
    }
  }
};
</script>
