<commit_before><template>
  <transition appear :name="transitionName">
    <div class="Cookie" :class="[containerPosition, cookieTheme]" v-if="isOpen">
      <div class="Cookie__content">
        <slot name="message">{{ message }}</slot>
      </div>
      <div class="Cookie__buttons">
        <a :href="buttonLink" v-if="buttonLink" :class="[buttonClass ? buttonClass : 'Cookie__button']">{{ buttonLinkText }}</a>
        <div :class="[buttonClass ? buttonClass : 'Cookie__button']" @click="accept">{{ buttonText }}</div>
      </div>
    </div>
  </transition>
</template>

<script>
  export default {
    props: {
      buttonText: {
        type: String,
        default: 'Got it!'
      },
      buttonLink: {
        type: String
      },
      buttonLinkText: {
        type: String,
        default: 'More info'
      },
      message: {
        type: String,
        default: 'This website uses cookies to ensure you get the best experience on our website.'
      },
      theme: {
        type: String,
        default: 'base'
      },
      /**
       * Cookie Container position
       * bottom, top
       * @type {Object}
       */
      position: {
        type: String,
        default: 'bottom'
      },
      /**
       * Transition name has following possibilities
       * slideFromBottom
       * slideFromTop
       * fade
       * @type {Object}
       */
      transitionName: {
        type: String,
        default: 'slideFromBottom'
      },
      buttonClass: {
        type: String<commit_msg>Add default value for button class<commit_after><template>
  <transition appear :name="transitionName">
    <div class="Cookie" :class="[containerPosition, cookieTheme]" v-if="isOpen">
      <div class="Cookie__content">
        <slot name="message">{{ message }}</slot>
      </div>
      <div class="Cookie__buttons">
        <a :href="buttonLink" v-if="buttonLink" :class="buttonClass">{{ buttonLinkText }}</a>
        <div :class="buttonClass" @click="accept">{{ buttonText }}</div>
      </div>
    </div>
  </transition>
</template>

<script>
  export default {
    props: {
      buttonText: {
        type: String,
        default: 'Got it!'
      },
      buttonLink: {
        type: String
      },
      buttonLinkText: {
        type: String,
        default: 'More info'
      },
      message: {
        type: String,
        default: 'This website uses cookies to ensure you get the best experience on our website.'
      },
      theme: {
        type: String,
        default: 'base'
      },
      /**
       * Cookie Container position
       * bottom, top
       * @type {Object}
       */
      position: {
        type: String,
        default: 'bottom'
      },
      /**
       * Transition name has following possibilities
       * slideFromBottom
       * slideFromTop
       * fade
       * @type {Object}
       */
      transitionName: {
        type: String,
        default: 'slideFromBottom'
      },
      buttonClass: {
        type: String,
        default: 'Cookie__button'
{'fraction_non_alphanumeric': 0.1345646437994723, 'fraction_numerical': 0.0, 'mean_word_length': 1.967710371819961, 'pattern_counts': {'":': 0, '<': 37, '<?xml version=': 0, '>': 37, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2947606', 'n_tokens_mistral': 860, 'n_tokens_neox': 851, 'n_words': 220}