<template>
  <div class="block-pp-listing-infos-container">
    <BaseText :tiny="true" :html="true" class="informations mt-m">
      {{ $_tr('informations') }}
    </BaseText>

    <div class="contact-container mt-m">
      <BaseText :tiny="true" class="mr-xs">
        {{ $_tr('contact') }}
      </BaseText>

      <Link
        href="mailto:pp@louvre-hotels.com"
        :icon="null"
        color="#49B6EC"
        class="link"
      >
        {{ $_tr('linkLabel') }}
      </Link>
    </div>
  </div>
</template>

<script>
import { BaseText } from 'inside-collection/atoms'
import { Link } from 'inside-collection/components'

export default {
  name: 'BlockPPListingInfos',
  $_i18nRootPath: 'customs.pp.LISTING.tools',
  components: {
    BaseText,
    Link
  }
}
</script>

<style lang="scss">
.block-pp-listing-infos-container {
  .informations {
    font-style: italic;
  }

  .contact-container {
    display: flex;
    align-items: center;
    font-style: italic;

    .link {
      font-size: var(--font-size-tiny);
    }
  }
}
</style>
