import React from 'react';
import ExternalLink from './ExternalLink.js';
import headingStyles from '@docusaurus/theme-classic/lib/theme/Heading/styles.module.css';
import useBrokenLinks from '@docusaurus/useBrokenLinks';

export default function KaigirokuDougaLink({kaigirokuHref, dougaHref}) {
  let mada = kaigirokuHref ? "" : "（まだ公開されていません）";
  let kaigiroku = <ExternalLink href={kaigirokuHref}>📄 会議録{mada}</ExternalLink>
  useBrokenLinks().collectAnchor("kaigiroku");
  return (
    <div className={headingStyles.anchorWithStickyNavbar} id="kaigiroku">
      {kaigiroku}
      {dougaHref && <>｜<ExternalLink href={dougaHref}>🎞️ 動画（約2年間公開）</ExternalLink></>}
    </div>
  );
}