import React from 'react';
import { RankingProps } from '../../../model/components/ranking';
import Ranking from './Ranking';
import RankingCanvas from './RankingCanvas';

const RankingPage: React.FC<RankingProps> = ({ teams, myTeam }) => (
  <section className="ranking">
    <RankingCanvas />
    <Ranking teams={teams} myTeam={myTeam} />
  </section>
);

export default RankingPage;
