import React from 'react';

const Sun = ({ fill = '#C1C8CD', width = '25', className = '', viewBox = '0 0 25 25' }) => (
  <svg
    width={width}
    height={width}
    viewBox={viewBox}
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    className={className}
  >
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M12.5 2.03906C12.9142 2.03906 13.25 2.37485 13.25 2.78906V3.78906C13.25 4.20328 12.9142 4.53906 12.5 4.53906C12.0858 4.53906 11.75 4.20328 11.75 3.78906V2.78906C11.75 2.37485 12.0858 2.03906 12.5 2.03906ZM18.5 12.7891C18.5 16.1028 15.8137 18.7891 12.5 18.7891C9.18629 18.7891 6.5 16.1028 6.5 12.7891C6.5 9.47535 9.18629 6.78906 12.5 6.78906C15.8137 6.78906 18.5 9.47535 18.5 12.7891ZM13.25 21.7891C13.25 21.3748 12.9142 21.0391 12.5 21.0391C12.0858 21.0391 11.75 21.3748 11.75 21.7891V22.7891C11.75 23.2033 12.0858 23.5391 12.5 23.5391C12.9142 23.5391 13.25 23.2033 13.25 22.7891V21.7891ZM20.1014 5.18756C20.3943 5.48045 20.3943 5.95532 20.1014 6.24822L19.3943 6.95532C19.1014 7.24822 18.6265 7.24822 18.3336 6.95532C18.0407 6.66243 18.0407 6.18756 18.3336 5.89466L19.0407 5.18756C19.3336 4.89466 19.8085 4.89466 20.1014 5.18756ZM6.66632 19.6833C6.95921 19.3904 6.95921 18.9155 6.66632 18.6226C6.37342 18.3297 5.89855 18.3297 5.60566 18.6226L4.89855 19.3297C4.60566 19.6226 4.60566 20.0975 4.89855 20.3904C5.19144 20.6833 5.66632 20.6833 5.95921 20.3904L6.66632 19.6833ZM23.25 12.7891C23.25 13.2033 22.9142 13.5391 22.5 13.5391H21.5C21.0858 13.5391 20.75 13.2033 20.75 12.7891C20.75 12.3748 21.0858 12.0391 21.5 12.0391H22.5C22.9142 12.0391 23.25 12.3748 23.25 12.7891ZM3.5 13.5391C3.91421 13.5391 4.25 13.2033 4.25 12.7891C4.25 12.3748 3.91421 12.0391 3.5 12.0391H2.5C2.08579 12.0391 1.75 12.3748 1.75 12.7891C1.75 13.2033 2.08579 13.5391 2.5 13.5391H3.5ZM20.1014 20.3904C19.8085 20.6833 19.3336 20.6833 19.0407 20.3904L18.3336 19.6833C18.0407 19.3904 18.0407 18.9156 18.3336 18.6227C18.6265 18.3298 19.1014 18.3298 19.3943 18.6227L20.1014 19.3298C20.3943 19.6227 20.3943 20.0975 20.1014 20.3904ZM5.60566 6.95538C5.89856 7.24827 6.37343 7.24827 6.66633 6.95538C6.95922 6.66249 6.95922 6.18761 6.66633 5.89472L5.95922 5.18761C5.66633 4.89472 5.19145 4.89472 4.89856 5.18761C4.60566 5.4805 4.60566 5.95538 4.89856 6.24827L5.60566 6.95538Z"
      fill={fill}
    />
  </svg>
);

export default Sun;
