<template>
  <Container
    :background="true"
    :border="false"
    :background-color="$_theme('colorPrimary100')"
    class="df-center-y my-s"
  >
    <Icon icon="info" size="s" />

    <BaseText v-if="disclaimer">{{ disclaimer }}</BaseText>
  </Container>
</template>

<script>
import { BaseText, Icon } from 'inside-collection/atoms'
import { Container } from 'inside-collection/components'

export default {
  name: 'DisclaimerReservation',
  $_i18nRootPath: 'customs.DISCLAIMER_RESERVATIONS',
  components: { BaseText, Container, Icon },
  computed: {
    disclaimer() {
      return this.getStore(
        'getInsideSettings',
        'reservations.reservations_disclaimer'
      )
    }
  }
}
</script>
