import React, { FC } from "react";
import { TableHeader as Header, TdGroup } from "../shared";
import * as classes from "../tables.module.css";

const TemperaturePerSeason: FC = () => {
  return (
    <table className={classes.table}>
      <Header daysToMatchCurrentTemperature={true} />
      <tbody>
        <tr>
          <th className={classes.cell}>Temporada 2015-2016 - Vendimia 2016</th>
          <TdGroup>
            <td>4,51%</td>
            <td>17,86%</td>
            <td>8,84%</td>
          </TdGroup>
          <td className={classes.cell}>2215</td>
          <td className={classes.cell}>(+)10 días</td>
          <td className={classes.cell}>15,1</td>
          <td className={classes.cell}>357</td>
        </tr>
        <tr>
          <th className={classes.cell}>Temporada 2016-2017 - Vendimia 2017</th>
          <TdGroup>
            <td>4,51%</td>
            <td>17,86%</td>
            <td>8,84%</td>
          </TdGroup>
          <td className={classes.cell}>2215</td>
          <td className={classes.cell}>(+)10 días</td>
          <td className={classes.cell}>15,1</td>
          <td className={classes.cell}>357</td>
        </tr>
        <tr>
          <th className={classes.cell}>Temporada 2016-2017 - Vendimia 2017</th>
          <TdGroup>
            <td>4,51%</td>
            <td>17,86%</td>
            <td>8,84%</td>
          </TdGroup>
          <td className={classes.cell}>2215</td>
          <td className={classes.cell}>(+)10 días</td>
          <td className={classes.cell}>15,1</td>
          <td className={classes.cell}>357</td>
        </tr>
      </tbody>
    </table>
  );
};
export default TemperaturePerSeason;
