/** @format */

import _ from 'lodash';
import React from 'react';

interface TimerProps {
  size?: Record<string, any>;
  [key: string]: any;
}

const Timer = (props: TimerProps) => {
  const {
    size,
    borderType = 'solid',
    borderLeftWidth = 1,
    borderColor = 'rgba(151, 151, 151, 1)',
  } = props;

  const styleBase = {
    height: 37,
    width: 0,
    border: 0,
    borderLeftWidth,
    borderStyle: borderType,
    borderColor,
  };

  const style = _.merge(styleBase, size);

  return <div style={style}></div>;
};

export default Timer;