<script setup lang="ts">
defineProps<{
    icon: Component;
    title: string;
    step: string;
}>();

</script>

<template>
  <div class="flex gap-2 items-center">
    <div>
      <component :is="icon" />
    </div>
    <div class="flex flex-col gap-0">
    <span class="text-[13px] leading-[24px] dark-text-gradient">
       {{ step }}
    </span>
    <h3 class="dark-text-gradient text-center text-[24px] leading-[32px]">
      {{ title }}
    </h3>
    </div>
  </div>
</template>

<style scoped></style>
