<template>
  <div class="flex items-center">
    <div class="text-primary">
      <number-progress-circle :number=number :progress=progress class="mr-5" />
    </div>
    <div class="text-primary text-[1.75rem]">
      {{ title }}
    </div>
  </div>

</template>
<script>

export default {
  props: {
    number: {
      type: String,
      default: "primary",
      required: true
    },
    progress: {
      type: Number,
      default: 0,
      required: true
    },
    title: {
      type: String,
      default: "Title",
      required: true
    }
  }
};

</script>
