<ul>
          {elements &&
            elements.map((element, i) => (
              <li
                className={`${current === i ? 'current' : ''}`}
                key={'cm_e_' + i}
                onClick={() => {
                  element.ref && element.ref.scrollIntoView({ behavior: 'smooth', block: 'start' });
                  setOpen(false);
                }}>
                {element.label}
              </li>
            ))}
        </ul>


li {
      ${fonts.bodySM};
      background: ${colors.neutral[100]};
      border-bottom: 1px solid ${colors.neutral[300]};
      color: ${colors.tweens[900]};
      padding: ${space(3)} ${space(3)};
      width: 100%;

      :hover {
        cursor: pointer;
      }
    }