import React from 'react';

const Branch = ({ 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="M11.1324 2.79634C11.439 2.40725 11.8955 2.03906 12.4999 2.03906C13.1044 2.03906 13.5608 2.40725 13.8675 2.79634C13.9131 2.85425 13.9574 2.91495 14.0004 2.9782C16.3529 3.58388 18.1469 5.5805 18.4535 8.03906H18.4999C18.9142 8.03906 19.2499 8.37485 19.2499 8.78906C19.2499 9.20328 18.9142 9.53906 18.4999 9.53906H18.4535C18.1469 11.9976 16.3529 13.9942 14.0004 14.5999C13.9574 14.6632 13.9131 14.7239 13.8675 14.7818C13.5622 15.1692 13.1083 15.5359 12.5077 15.539C12.9184 15.5432 13.25 15.8774 13.25 16.289V17.1671C13.8893 17.3931 14.396 17.8998 14.622 18.5391H20.5C20.9142 18.5391 21.25 18.8749 21.25 19.2891C21.25 19.7033 20.9142 20.0391 20.5 20.0391H14.622C14.396 20.6784 13.8893 21.1851 13.25 21.411V22.7891C13.25 23.2033 12.9142 23.5391 12.5 23.5391C12.0858 23.5391 11.75 23.2033 11.75 22.7891V21.411C11.1107 21.1851 10.604 20.6784 10.378 20.0391H4.5C4.08579 20.0391 3.75 19.7033 3.75 19.2891C3.75 18.8749 4.08579 18.5391 4.5 18.5391H10.378C10.604 17.8998 11.1107 17.3931 11.75 17.1671V16.289C11.75 15.8774 12.0815 15.5433 12.4921 15.539C11.8916 15.5359 11.4377 15.1692 11.1324 14.7818C11.0868 14.7239 11.0425 14.6632 10.9995 14.5999C8.64699 13.9942 6.85294 11.9976 6.54636 9.53906H6.49994C6.08573 9.53906 5.74994 9.20328 5.74994 8.78906C5.74994 8.37485 6.08573 8.03906 6.49994 8.03906H6.54636C6.85294 5.5805 8.64699 3.58388 10.9995 2.9782C11.0425 2.91495 11.0868 2.85425 11.1324 2.79634Z"
      fill={fill}
    />
  </svg>
);

export default Branch;
