Function renderImport

packages/dev/s2-docs/src/VisualExampleClient.tsx:646–662

(name, from, isDefault = false)

}

function renderImport(name, from, isDefault = false) {
  return (
    <Fragment key={from}>
      <span className={style({color: 'magenta-1000'})}>import</span> {isDefault ? null : '{'}
      {name}
      {isDefault ? null : '}'} <span className={style({color: 'magenta-1000'})}>from</span>{' '}
      {from.startsWith('./') ? (
        <TabLink className={style({color: 'green-1000'})} name={from.slice(2)}>
          '{from}'
        </TabLink>
      ) : (
        <span className={style({color: 'green-1000'})}>'{from}'</span>
      )}
      {';'}
    </Fragment>
  );
}

export function Control({name}: {name: string}) {
  let {controls, props, setProps} = useContext(Context);