import React from 'react';

import ExamplePage from 'components/Page/Example';
import Flow from 'example-flows/EdgeTypes';
import { ReactFlowProvider } from 'react-flow-renderer';

export const frontmatter = {
  title: 'Edge Types',
  slug: 'edge-types',
  order: 11,
};

export default () => {
  return (
    <ExamplePage title={frontmatter.title} slug={frontmatter.slug}>
      <ReactFlowProvider>
        <Flow />
      </ReactFlowProvider>{' '}
    </ExamplePage>
  );
};
