import React from 'react';

const Signpost = ({ 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}
  >
    <g opacity="0.4">
      <path
        d="M12.4998 2H11.4998C10.9475 2 10.4998 2.44772 10.4998 3V21C10.4998 21.5523 10.9475 22 11.4998 22H12.4998C13.052 22 13.4998 21.5523 13.4998 21V3C13.4998 2.44772 13.052 2 12.4998 2Z"
        fill={fill}
      />
    </g>
    <path
      d="M3.86589 11.5001L10.4998 7.67001L13.4998 5.93796L15.6315 4.70722C15.8612 4.57461 16.1342 4.53868 16.3903 4.60732L19.1224 5.33937C19.6559 5.48231 19.9724 6.03065 19.8295 6.56412L19.0975 9.29617C19.0288 9.55234 18.8612 9.77076 18.6315 9.90337L13.4998 12.8662L10.4998 14.5982L6.86589 16.6963C6.3876 16.9724 5.77601 16.8085 5.49986 16.3302L3.49986 12.8661C3.22372 12.3878 3.3876 11.7763 3.86589 11.5001Z"
      fill={fill}
    />
  </svg>
);

export default Signpost;
