<template>
  <div class="quote" v-if="text">
    <div class="quote__quote">{{ text }}</div>
  </div>
</template>

<script>
export default {
  props: ['text'],
}
</script>

<style lang="scss">
@import '~/assets/css/components';

.quote {
  &__quote {
    text-align: justify;
    font-family: Dosis;
    font-size: 24px;
    color: $primary-text-color;

    &:before {
      content: '„';
    }
    &:after {
      content: '“';
    }
  }
}
</style>
