import React from 'react';

const Warning = ({ 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="M10.468 4.95498C11.3536 3.40042 13.6464 3.40042 14.532 4.95498L22.2041 18.4215C23.0649 19.9323 21.9445 21.7891 20.1721 21.7891H4.82789C3.05546 21.7891 1.9351 19.9323 2.79587 18.4215L10.468 4.95498ZM13.4999 17.7891C13.4999 18.3413 13.0522 18.7891 12.4999 18.7891C11.9477 18.7891 11.4999 18.3413 11.4999 17.7891C11.4999 17.2368 11.9477 16.7891 12.4999 16.7891C13.0522 16.7891 13.4999 17.2368 13.4999 17.7891ZM13.2499 9.78906C13.2499 9.37485 12.9142 9.03906 12.4999 9.03906C12.0857 9.03906 11.7499 9.37485 11.7499 9.78906V14.7891C11.7499 15.2033 12.0857 15.5391 12.4999 15.5391C12.9142 15.5391 13.2499 15.2033 13.2499 14.7891V9.78906Z"
      fill={fill}
    />
  </svg>
);

export default Warning;
