import React from 'react';
import { ViewProps } from 'react-native';
import ListGrid from '../../ListGrid';
import StatsPlayerRow from '../../StatsPlayerRow';

interface ComponentProps {
  data: Player;
  active: boolean;
}

type Props = ComponentProps & ViewProps;

const StatsList: React.FC<Props> = ({ data, active, ...props }: Props) => (
  <ListGrid {...props}>
    <StatsPlayerRow key="dummy1" player={data} active={active} />
    <StatsPlayerRow key="dummy2" player={data} active={active} />
    <StatsPlayerRow key="dummy3" player={data} active={active} />
    <StatsPlayerRow key="dummy4" player={data} active={active} />
    <StatsPlayerRow key="dummy5" player={data} active={active} />
    <StatsPlayerRow key="dummy6" player={data} active={active} />
    <StatsPlayerRow key="dummy7" player={data} active={active} />
    <StatsPlayerRow key="dummy8" player={data} active={active} />
    <StatsPlayerRow key="dummy9" player={data} active={active} />
    <StatsPlayerRow key="dummy10" player={data} active={active} />
    <StatsPlayerRow key="dummy11" player={data} active={active} />
    <StatsPlayerRow key="dummy12" player={data} active={active} />
  </ListGrid>
);

export default StatsList;