import * as React from 'react';

import s from './RefillList.module.scss';

interface IRefillListProps {
  children: React.ReactNode;
  headers: any;
}

export const RefillList = ({ children, headers }: IRefillListProps) => {
  return (
    <div className={s.refillList}>
      <div className={s.refillList__header}>
        <div className={s.refillList__title}>
          <div className={s.refillList__date}>{headers.date}</div>
          <div className={s.refillList__refills}>{headers.refill}</div>
          <div className={s.refillList__type}>{headers.type}</div>
          <div className={s.refillList__amount}>{headers.amount}</div>
        </div>
      </div>
      {children}
    </div>
  );
};