weseek__growi/apps/app/src/client/components/Page/SlideRenderer.tsx

import type { JSX } from 'react';

import { usePresentationViewOptions } from '~/stores/renderer';

import { Slides } from '../Presentation/Slides';

type SlideRendererProps = {
  markdown: string;
  marp?: boolean;
};

export const SlideRenderer = (props: SlideRendererProps): JSX.Element => {
  const { markdown, marp = false } = props;

  const { data: rendererOptions } = usePresentationViewOptions();

  return (
    <Slides hasMarpFlag={marp} options={{ rendererOptions }}>
      {markdown}
    </Slides>
  );
};