import * as React from 'react';
import classNames from 'classnames/bind';

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

const cn = classNames.bind(s);

export const RefillListItemLoading = () => {
  return (
    <div className={cn(s.refillListItem, 'loading')}>
      <div className={cn(s.refillListItem__value, 'title')} />
      <div className={s.refillListItem__refill}>
        <div className={cn(s.refillListItem__value, 'refill')} />
        <div className={cn(s.refillListItem__value, 'type')} />
      </div>
      <div className={cn(s.refillListItem__value, 'total')} />
    </div>
  );
};