import React from 'react';
import markdown from './README.mdx';
import MarkdownContent from './markdown.mdx';
import { MDXProvider } from '@mdx-js/react';
import MdxComponents from './MdxComponents';
export default {
  title: 'Components/Content Related/Mdx components',
  component: MdxComponents,
  parameters: {
    componentSubtitle: 'Component',
    mdx: markdown,
    introText: "MDX is an authorable format that lets you seamlessly write JSX in your Markdown documents.",
    docs: {
      source: {
        code: "\nimport { MdxComponents } from '@wfp/ui';\nimport { MDXProvider } from '@mdx-js/react';\n\n<MDXProvider components={MdxComponents}>{children}</MDXProvider>"
      }
    }
  }
};
export var Regular = function Regular(args) {
  return /*#__PURE__*/React.createElement(MDXProvider, {
    components: MdxComponents
  }, /*#__PURE__*/React.createElement(MarkdownContent, null));
};