{"size": 481, "ext": "js", "max_stars_repo_path": "src/pages/ChooseYou.js", "max_stars_repo_name": "Garcila/ut-rpgmji", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/pages/ChooseYou.js", "max_issues_repo_name": "Garcila/ut-rpgmji", "max_issues_repo_issues_event_min_datetime": "2022-02-13T21:17:09.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-19T06:53:53.000Z", "max_forks_repo_path": "src/pages/ChooseYou.js", "max_forks_repo_name": "Garcila/ut-rpgmji", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 2, "max_forks_count": null, "avg_line_length": 21.8636363636, "max_line_length": 75, "alphanum_fraction": 0.6694386694}
import React from 'react';
import CardList from '../components/CardList';
import styled from 'styled-components';

export default function ChooseYou({allCharacters, setCharacter, history}) {
  //TODO: REFACTOR CHOOSE YOU AND CHOOSE OPPONENT INTO ONE COMPONENT
  return (
    <YouS>
      <CardList
        allCharacters={allCharacters}
        setCharacter={setCharacter}
        h={history}
      />
    </YouS>
  );
}

const YouS = styled.section`
  flex: 1;
  display: flex;
`;
