import React from 'react';
import './SeasonDetail.scss';
import {IUserListProperties} from "../UserList/UserList";

const SeasonDetail: React.FC<IUserListProperties> = (props: IUserListProperties) => {
  const { seasonId, dates } = props.userStats

  return (
    <span className="SeasonDetail" data-testid="SeasonDetail">
      Season {seasonId} - Duration: {dates.start.toDateString()} - {dates.end.toDateString()}
    </span>
  )
}

export interface SeasonDetailProperties {
  seasonId: string,
  maxSeasonId: string
  dates: {
    start: Date,
    end: Date
  }
}

export default SeasonDetail;
