import {
  Wrapper,
  Table,
  THead,
  Th,
  TBody,
  TRow,
  Td,
} from './styled'

export const PagePaymentsHistory = () => (
  <Wrapper>
    <Table>
      <THead>
        <TRow>
          <Th>
            Дата платежа
          </Th>
          <Th>
            Подписка
          </Th>
          <Th>
            Тип
          </Th>
          <Th>
            Сумма
          </Th>
        </TRow>
      </THead>
      <TBody>
        <TRow>
          <Td>
            12.01.21
          </Td>
          <Td>
            Матч Спартак-Динамо
          </Td>
          <Td>
            На год
          </Td>
          <Td>
            1999 руб.
          </Td>
        </TRow>
        <TRow>
          <Td>
            22.12.20
          </Td>
          <Td>
            Все матчи Спартака
          </Td>
          <Td>
            На месяц
          </Td>
          <Td>
            999 руб.
          </Td>
        </TRow>
      </TBody>
    </Table>
  </Wrapper>
)
