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

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

type Props = ComponentProps & ViewProps;

const TotalsList: React.FC<Props> = ({ data, active, ...props }: Props) => {
  const rowLabel = 'FP';
  return (
    // loop here
    <ListGrid {...props}>
      <WeeklyPlayerRow
        key="dummy1"
        player={data}
        active={active}
        rowLabel={rowLabel}
      />
      <WeeklyPlayerRow
        key="dummy2"
        player={data}
        active={active}
        rowLabel={rowLabel}
      />
      <WeeklyPlayerRow
        key="dummy3"
        player={data}
        active={active}
        rowLabel={rowLabel}
      />
      <WeeklyPlayerRow
        key="dummy4"
        player={data}
        active={active}
        rowLabel={rowLabel}
      />
      <WeeklyPlayerRow
        key="dummy5"
        player={data}
        active={active}
        rowLabel={rowLabel}
      />
      <WeeklyPlayerRow
        key="dummy6"
        player={data}
        active={active}
        rowLabel={rowLabel}
      />
      <WeeklyPlayerRow
        key="dummy7"
        player={data}
        active={active}
        rowLabel={rowLabel}
      />
      <WeeklyPlayerRow
        key="dummy8"
        player={data}
        active={active}
        rowLabel={rowLabel}
      />
      <WeeklyPlayerRow
        key="dummy9"
        player={data}
        active={active}
        rowLabel={rowLabel}
      />
      <WeeklyPlayerRow
        key="dummy10"
        player={data}
        active={active}
        rowLabel={rowLabel}
      />
      <WeeklyPlayerRow
        key="dummy11"
        player={data}
        active={active}
        rowLabel={rowLabel}
      />
      <WeeklyPlayerRow
        key="dummy12"
        player={data}
        active={active}
        rowLabel={rowLabel}
      />
    </ListGrid>
  );
};

export default TotalsList;