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

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

const showcase = {
  children: [
    {
      decorator: (storyFn: () => React.ReactNode) => (
        <ArticleHarness>{storyFn()}</ArticleHarness>
      ),
      type: 'decorator'
    },
    {
      component: () => {
        return (
          <>
            <OptaFootballStartingFormations
              season="2025"
              competition="8"
              match="2562026"
              isApp={true}
            />
          </>
        );
      },
      name: 'Starting Formations',
      type: 'story'
    }
  ],
  name: 'Typescript Component/In Article/Football/Starting Formations'
};

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