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

import { ArticleHarness } from '../../../../fixtures/article-harness/ArticleHarness';
import { OptaFootballPlayerStats } from './OptaFootballPlayerStats';
import { OptaFootballPlayerRanking } from './OptaFootballPlayerRanking';
import { OptaFootballTeamRanking } from './OptaFootballTeamRanking';

const showcase = {
  children: [
    {
      decorator: (storyFn: () => React.ReactNode) => (
        <ArticleHarness>{storyFn()}</ArticleHarness>
      ),
      type: 'decorator'
    },
    {
      component: () => (
        <OptaFootballPlayerStats
          season="2020"
          competition="3"
          visible_categories="goals"
          show_title={false}
        />
      ),
      name: 'PlayerStats (goals)',
      type: 'story'
    },
    {
      component: () => (
        <OptaFootballPlayerStats
          season="2020"
          competition="3"
          visible_categories="assists"
        />
      ),
      name: 'PlayerStats (assists)',
      type: 'story'
    },
    {
      component: () => (
        <OptaFootballPlayerStats
          season="2023"
          competition="3"
          visible_categories="cards_red"
        />
      ),
      name: 'PlayerStats (red cards)',
      type: 'story'
    },
    {
      component: () => (
        <OptaFootballPlayerRanking season="2025" competition="8" isApp={true} />
      ),
      name: 'Player Ranking (article embed)',
      type: 'story'
    },
    {
      component: () => (
        <OptaFootballPlayerRanking
          season="2025"
          competition="8"
          isApp={true}
          team="3"
        />
      ),
      name: 'Player Ranking (team filtered)',
      type: 'story'
    },
    {
      component: () => (
        <OptaFootballTeamRanking season="2025" competition="8" isApp={true} />
      ),
      name: 'Team Ranking (article embed)',
      type: 'story'
    }
  ],
  name: 'Typescript Component/In Article/Football/PlayerStats'
};

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