import React from 'react';

const ArrowBack = ({ 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.1 5.33911C9.85147 5.00774 9.38137 4.94058 9.05 5.18911L5.05 8.18911C4.86115 8.33075 4.75 8.55304 4.75 8.78911C4.75 9.02517 4.86115 9.24747 5.05 9.38911L9.05 12.3891C9.38137 12.6376 9.85147 12.5705 10.1 12.2391C10.3485 11.9077 10.2814 11.4376 9.95 11.1891L7.75 9.53911H15.5C17.2949 9.53911 18.75 10.9942 18.75 12.7891C18.75 14.584 17.2949 16.0391 15.5 16.0391H5.5C5.08579 16.0391 4.75 16.3749 4.75 16.7891C4.75 17.2033 5.08579 17.5391 5.5 17.5391H15.5C18.1234 17.5391 20.25 15.4125 20.25 12.7891C20.25 10.1658 18.1234 8.03911 15.5 8.03911H7.75L9.95 6.38911C10.2814 6.14058 10.3485 5.67048 10.1 5.33911Z"
      fill={fill}
    />
  </svg>
);

export default ArrowBack;
