import type { Playlists, PlaylistOption } from 'features/MatchPage/types'
import type { MatchInfo } from 'requests'

import { PlayersPlaylists } from '../PlayersPlaylists'

type Props = {
  onSelect: (option: PlaylistOption) => void,
  playlists: Playlists,
  profile: MatchInfo,
  selectedPlaylist?: PlaylistOption,
}

export const TabPlayers = ({
  onSelect,
  playlists,
  profile,
  selectedPlaylist,
}: Props) => (
  <PlayersPlaylists
    profile={profile}
    players={playlists.players}
    selectedMathPlaylist={selectedPlaylist}
    onSelect={onSelect}
  />
)
