baradded

index.jsx

const StatRow = ({ stat }) => {
  const { away, home } = stat;

  return (
    <div>
      <Stat>
        <div>
          <TeamRank marginRight={10}>#{away.team_rank}</TeamRank>
          <StatValue>{away.stat_value}</StatValue>
        </div>

        <StatName>{away.stat_name}</StatName>

        <div>
          <StatValue>{home.stat_value}</StatValue>
          <TeamRank marginLeft={10}>#{home.team_rank}</TeamRank>
        </div>
      </Stat>

      <BarGroup>
        <Bar />
        <Bar />
      </BarGroup>
    </div>
  );
};