import { $, pll } from '@utils';

export const cookieBar = () => {
  const concent = localStorage.getItem('concent');

  if (!concent) {
    const body = $('body');

    const barElement = document.createElement('div');
    barElement.classList.add('cookie-bar');
    barElement.innerHTML = `
      <div class="cookie-bar__container">
        <div class="cookie-text">${pll('COOKIE_INFO')}</div><div class="cookie-accept">${pll('COOKIE_ACCEPT')}</div>
      </div>
    `;
    body.append(barElement);

    const bar = $('.cookie-bar');
    const button = $('.cookie-accept');
    button.addEventListener('click', () => {
      localStorage.setItem('concent', 'true');
      bar.remove();
    });
  }
};