import { Marp } from '@marp-team/marp-core';
import Head from 'next/head';
import { ReactMarkdown } from 'react-markdown/lib/react-markdown';
import type { PresentationOptions } from '../consts';
import * as extractSections from '../services/renderer/extract-sections';
import './Slides.global.scss';
import { PresentationRichSlideSection, RichSlideSection } from './RichSlideSection';
type Props = {
options: PresentationOptions,
children?: string,
marpit: Marp,
presentation?: boolean,
}
export const GrowiSlides = (props: Props): JSX.Element => {
const {
options, children, marpit, presentation,
} = props;
const {
rendererOptions, isDarkMode, disableSeparationByHeader,
} = options;
if (rendererOptions?.remarkPlugins != null) {
rendererOptions.remarkPlugins.push([
extractSections.remarkPlugin,
{
isDarkMode,
disableSeparationByHeader,
},
]);
}
if (rendererOptions?.components != null) {
rendererOptions.components.section = presentation ? PresentationRichSlideSection : RichSlideSection;
}
const { css } = marpit.render('', { htmlAsArray: true });
return (
<>
{ children ?? '## No Contents' }
);
};