Function SiteSection

site/ui/SiteNodeSection.tsx:44–78

({children, dataId, id, thumbnail, title})

  };
  readonly title: ReactNode;
}> = ({children, dataId, id, thumbnail, title}) => {
  const {level} = useContext(SectionLevel);
  const heading = React.createElement(`h${Math.min(level, 6)}`, {}, title);

  return (
    <SectionLevel.Provider value={useMemo(() => ({level: level + 1}), [level])}>
      <section
        className={`s${level}${thumbnail == null ? '' : ' withThumbnail'}`}
        {...(id == null ? {} : {id})}
        {...(dataId == null ? {} : {'data-id': dataId})}
      >
        {thumbnail == null ? (
          <>
            {heading}
            {children}
          </>
        ) : (
          <div className="thumbnailPanel">
            <a href={id}>
              <img
                src={thumbnail.src}
                alt={thumbnail.alt}
                title={getThumbnailTitle(thumbnail)}
              />
            </a>
            <div>
              {heading}
              {children}
            </div>
          </div>
        )}
      </section>
    </SectionLevel.Provider>
  );
};

export const SiteNodeSection: FunctionComponent<Props> = ({
  node,