import React from 'react';

const Timer = ({ fill = '#D7DBDF', width = 24, className = '', viewBox = '0 0 49 48' }) => (
  <svg
    width={width}
    height={width}
    viewBox={viewBox}
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    className={className}
  >
    <path
      fill={fill}
      d="M24.889 46c10.414 0 18.857-8.443 18.857-18.857 0-10.415-8.443-18.857-18.857-18.857-10.415 0-18.857 8.442-18.857 18.857C6.032 37.557 14.474 46 24.889 46z"
    ></path>
    <path
      fill="#3E63DD"
      fillRule="evenodd"
      d="M15.183 3.25a2.357 2.357 0 01-.972 3.188 24.955 24.955 0 00-7.179 5.743A2.357 2.357 0 013.46 9.105a29.669 29.669 0 018.536-6.828 2.357 2.357 0 013.188.972zm19.411 0a2.357 2.357 0 013.188-.973 29.669 29.669 0 018.536 6.828 2.357 2.357 0 01-3.573 3.076 24.953 24.953 0 00-7.179-5.743 2.357 2.357 0 01-.972-3.189zm-7.741 14.465a1.964 1.964 0 00-3.929 0v9.428c0 1.085.88 1.965 1.965 1.965h7.857a1.964 1.964 0 100-3.929h-5.893v-7.464z"
      clipRule="evenodd"
    ></path>
  </svg>
);

export default Timer;
