export default ({ children }) => {
  document.querySelector(':root')?.setAttribute('lang', 'ru'); // for lighthouse accessibility metrics
  if (!document.querySelector('meta[name=description]')) {
    const meta = document.createElement('meta');
    meta.name = 'description';
    meta.content = 'description';
    document.getElementsByTagName('head')[0].appendChild(meta);
  }

  return (
    <div
      style={{
        backgroundImage:
          'linear-gradient(rgb(var(--color-primary-divider)) .1rem, transparent .1rem), linear-gradient(90deg, rgb(var(--color-primary-divider)) .1rem, transparent .1rem)',
        backgroundSize: '10rem 10rem',
        backgroundColor: 'rgba(235, 237, 240, 0.4)',
        position: 'absolute',
        left: 0,
        right: 0,
        bottom: 0,
        top: 0,
      }}
      data-theme="pc"
    >
      {children}
    </div>
  );
};