export default function generateVerifiedIcon() {
  const span = document.createElement('span');
  span.classList.add('verified-icon', 'tgico');

  const size = 26; // 24
  const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
  svg.setAttributeNS(null, 'viewBox', `0 0 ${size} ${size}`);
  svg.setAttributeNS(null, 'width', `${size}`);
  svg.setAttributeNS(null, 'height', `${size}`);
  svg.classList.add('verified-icon-svg');

  const use = document.createElementNS('http://www.w3.org/2000/svg', 'use');
  use.setAttributeNS(null, 'href', '#verified-icon-background');
  use.classList.add('verified-icon-background');

  const use2 = document.createElementNS('http://www.w3.org/2000/svg', 'use');
  use2.setAttributeNS(null, 'href', '#verified-icon-check');
  use2.classList.add('verified-icon-check');

  // svg.append(use, use2);
  svg.append(use2, use);

  span.append(svg);

  return span;
  // const span = document.createElement('span');
  // span.classList.add('verified-icon', 'tgico-verified_filled');
  // return span;
}