<script setup lang="ts"></script>

<template>
  <div class="info-card border-box h-[217px] w-full rounded-lg p-5">
    <div class="items-flex-start flex justify-between">
      <div>
        <h2 class="text-lg font-bold">Delivery Partners</h2>
        <div class="text-xs text-[#9A9BA3]">Delivery Partners</div>
      </div>
      <img
        alt="more"
        class="h-[29px] w-[29px] cursor-pointer"
        src="@/assets/image/home-more.png"
      />
    </div>
    <p class="mt-4 w-[174px] text-sm text-xs leading-relaxed text-[#9A9BA3]">
      nteger consequat purus non eros aliquet, nec pulvinar dui venenatis.
      Quisque eget varius est, semper varius turpis. Nam vitae justo sed lorem
      cursus .
    </p>
  </div>
</template>

<style scoped>
.info-card {
  background: url('@/assets/image/DeliveryPartners.png') no-repeat center center;
  background-size: cover;
}
</style>
