import React from 'react';

import s from './LoadingPlaceholder.module.scss';
import classNames from 'classnames/bind';

const cn = classNames.bind(s);

interface ILoadingPlaceholderProps {
  color?: string;
  size?: number;
  width: number;
}

const LoadingPlaceholder = ({ color, size = 16, width = 100 }: ILoadingPlaceholderProps) => (
  <div
    className={cn(s.loadingPlaceholder, `color-${color}`)}
    style={{ height: `${size}px`, width: `${width}px` }}
  />
);

export default LoadingPlaceholder;