<template>
    <div class="nh-cookie-banner">
        <div class="nh-cookie-banner__inner">
            <span class="nh-cookie-banner__inner__text"><slot></slot>
            </span>
            <span @click.prevent="handleCookieAccept" class="nh-cookie-banner__inner__btn"><img src="./close-cookie-banner.svg"></span>
        </div>
    </div>
</template>

<script>
import { isEnabled, get, set, remove } from 'tiny-cookie'
import { isCookieEnabled, getCookie, setCookie, removeCookie } from 'tiny-cookie'
export default {
    mounted () {
         this.$on('nh-cookie-banner__inner__btn', this._handleCookieAccept)
    },
    methods: {
        handleCookieAccept () {
           this.$root.$emit('Accepted', true)

        }
    }
}
</script>