Function renderChildren

packages/dev/s2-docs/src/VisualExampleClient.tsx:375–419

(children, indent = '')

}

function renderChildren(children, indent = '') {
  if (children?.icon || children?.avatar || children?.badge) {
    let result: ReactNode = null;
    if (children.avatar) {
      result = renderElement('Avatar', {src: 'https://i.imgur.com/xIe7Wlb.png'}, undefined, indent);
    } else if (children.icon) {
      result = renderElement(children.icon.replace(/^(\d)/, '_$1'), {}, undefined, indent);
    }

    if (children.text) {
      let text = renderElement('Text', {children: children.text}, undefined, indent);
      result = (
        <>
          {result}
          {result ? '\n  ' + indent : null}
          {text}
        </>
      );
    }

    if (children.badge) {
      let badge = renderElement('NotificationBadge', {value: 12}, undefined, indent);
      result = (
        <>
          {result}
          {result ? '\n  ' + indent : null}
          {badge}
        </>
      );
    }

    return result;
  } else if (children?.text != null) {
    return children.text;
  } else if (Array.isArray(children)) {
    return children.map((c, i) => (
      <React.Fragment key={i}>
        {i > 0 ? '\n  ' + indent : null}
        {c}
      </React.Fragment>
    ));
  }

  return children;
}

function countChars(element: ReactNode) {
  if (typeof element === 'string') {