ShowEasyFrontEnd/FrontEnd/components/booking/ContactInfo.vue

<template>
  <div class="ContactInfo tw-bg-white tw-rounded-[20px] tw-text-base-primary tw-p-[20px] tw-h-auto">
    <div class="tw-text-[20px] tw-font-bold tw-mb-[19px]">
      {{ $t('Contact Info')}}
    </div>
    <div class="tw-text-[16px] tw-font-norma1 tw-mb-[15px]">
      {{ ContactInfo.FirstName }} {{ ContactInfo.LastName }}
    </div>
    <div class="tw-text-[16px] tw-font-normal tw-mb-[15px]">
      {{ ContactInfo.Email }}
    </div>
    <div class="tw-text-[16px] tw-font-normal">
      {{ ContactInfo.PhoneNo }}
    </div>
  </div>
</template>
<script>
export default {
  props: {
    ContactInfo: {
      type: Object,
    }
  }
}
</script>
<style lang="scss" scoped>

</style>