import React from 'react';
import { showcaseConverter } from '@times-components/storybook';

import { ArticleHarness } from '../../../../../fixtures/article-harness/ArticleHarness';
import { OptaMatchStatsGraphs } from './OptaMatchStatsGraphs';

const showcase = {
  children: [
    {
      decorator: (storyFn: () => React.ReactNode) => (
        <ArticleHarness>{storyFn()}</ArticleHarness>
      ),
      type: 'decorator'
    },
    {
      component: () => (
        <>
          <OptaMatchStatsGraphs season="2025" competition="8" match="2561901" />
          <br />
          <hr />
          <br />
          <OptaMatchStatsGraphs
            season="2025"
            competition="8"
            match="2561901"
            isApp
          />
        </>
      ),
      name: 'Summary',
      type: 'story'
    }
  ],
  name: 'Typescript Component/Opta Match Stats/Football/Match Stats Graphs'
};

// @ts-ignore
showcaseConverter(module, showcase);