/* eslint-env browser */
import { copyToClipboard } from './helpers';

const copyHexCode = (): void => {
  const colorElements = document.querySelectorAll('.color-atom__colors > div');

  colorElements.forEach((element) => {
    element.addEventListener('click', () => {
      const color = window.getComputedStyle(element, ':before').getPropertyValue('content');
      copyToClipboard(color.replace(/"/g, ''));
    });
  });
};

export default copyHexCode;