import React from 'react';

const Pin = ({ 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
      opacity="0.4"
      fillRule="evenodd"
      clipRule="evenodd"
      d="M9.53045 14.4697C9.82333 14.7626 9.82333 15.2375 9.53043 15.5303L3.53032 21.5302C3.23742 21.8231 2.76255 21.8231 2.46966 21.5302C2.17677 21.2373 2.17678 20.7624 2.46968 20.4695L8.46979 14.4697C8.76269 14.1768 9.23756 14.1768 9.53045 14.4697Z"
      fill={fill}
    />
    <path
      d="M10.9089 5.04196C10.9089 3.22641 13.104 2.31718 14.3878 3.60096L20.399 9.61217C21.6828 10.896 20.7736 13.091 18.958 13.091C18.4176 13.091 17.8992 13.3057 17.517 13.6879L15.8288 15.3761C15.4466 15.7583 15.2319 16.2767 15.2319 16.8171C15.2319 18.6327 13.0368 19.5419 11.7531 18.2581L5.74183 12.2469C4.45804 10.9631 5.36728 8.76806 7.18283 8.76806C7.72331 8.76806 8.24165 8.55335 8.62383 8.17118L10.3121 6.48295C10.6942 6.10078 10.9089 5.58243 10.9089 5.04196Z"
      fill={fill}
    />
  </svg>
);

export default Pin;
