<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">Enterprise Customers</h2>
        <div class="text-xs text-[#9A9BA3]">Enterprise Customers</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]">
      Curabitur mollis nisl vitae laoreet cursus. Sed a ipsum eget erat ornare
      dapibus. Class aptent taciti sociosqu ad litora torquent per conubia
      nostra, per inceptos himenaeos.
    </p>
  </div>
</template>

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