import React from 'react';
import { OptaFootballStatsPageView } from '../player-stats-page-view/OptaFootballStatsPageView';

export const OptaFootballPlayerRanking: React.FC<{
  season: string;
  competition: string;
  team?: string;
  isApp?: boolean;
  title?: string;
  minHeight?: number;
  heightSm?: number;
  heightMd?: number;
  heightLg?: number;
}> = React.memo(({ title = 'Player Ranking', minHeight = 418, ...props }) => (
  <OptaFootballStatsPageView
    widget="player_ranking"
    visible_categories="goals,assists,chances,clean_sheets,cards_yellow,cards_red"
    limit={5}
    hide_zeroes={false}
    show_logo={false}
    breakpoints="400"
    bordered
    title={title}
    minHeight={minHeight}
    {...props}
  />
));