Function TypeLink

packages/dev/docs/src/TypeLink.js:19–41

({links, type})

import typographyStyles from '@adobe/spectrum-css-temp/components/typography/vars.css';

export function TypeLink({links, type}) {
  let registered = useContext(LinkContext);
  registered.set(type.id, {type, links});

  let used = getUsedLinks(type, links);
  for (let id in used) {
    registered.set(id, {type: used[id], links});
  }

  return (
    <TypeContext.Provider value={links}>
      <code className={`${typographyStyles['spectrum-Code4']}`}>
        <a
          href={'#' + type.id}
          data-link={type.id}
          className={`${styles.colorLink} token hljs-name`}
          data-hover={styles['is-hovered']}>
          {type.name}
        </a>
      </code>
    </TypeContext.Provider>
  );
}