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

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