Function CodeProps

packages/dev/s2-docs/src/VisualExampleClient.tsx:299–327

({indent = ''})

}

export function CodeProps({indent = ''}) {
  let {props, controls, propsObject} = useContext(Context);
  if (propsObject) {
    props = {[propsObject]: props};
  }

  let renderedProps: ReactNode[] = Object.keys(props)
    .filter(prop => prop !== 'children')
    .map(prop => renderProp(prop, props[prop], controls[prop], indent))
    .filter(Boolean);
  let newlines = indent.length > 0 || countChars(renderedProps) > 40;
  let separator = newlines ? indent || '  ' : ' ';
  renderedProps = renderedProps.map((p, i) => {
    let sep = separator;
    if (newlines) {
      sep = (indent && i === 0 ? '' : '\n') + separator;
    }
    return (
      <Fragment key={i}>
        {sep}
        {p}
      </Fragment>
    );
  });
  if (newlines && indent && renderedProps.length) {
    renderedProps.push('\n');
  }
  return renderedProps;
}

function renderElement(name: string, props: Props, controls?: Controls, indent = '') {
  let start = (