<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">Sales Partners</h2>
        <div class="text-xs text-[#9A9BA3]">Sales 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-[249px] text-sm text-xs leading-relaxed text-[#9A9BA3]">
      Orci varius natoque penatibus et magnis dis parturient montes, nascetur
      ridiculus mus. Nullam et velit a erat euismod interdum sed non dolor.
      Fusce finibus nibh turpis, vel tristique lectus sagittis sit amet.
    </p>
  </div>
</template>

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