import React from 'react';

const TreeIcon: React.FC<{ fill?: string; width?: number; height?: number }> = ({
  fill,
  width,
  height
}) => {
  return (
    <svg
      width={width || '74'}
      height={height || '74'}
      viewBox="0 0 74 74"
      fill="none"
      xmlns="http://www.w3.org/2000/svg">
      <rect
        x="23.8333"
        y="1.5"
        width="26.3333"
        height="26.3333"
        rx="1.5"
        stroke={fill || '#9AC9E3'}
        strokeWidth="3"
      />
      <rect
        x="1.83325"
        y="45.5"
        width="26.3333"
        height="26.3333"
        rx="1.5"
        stroke={fill || '#9AC9E3'}
        strokeWidth="3"
      />
      <rect
        x="45.8333"
        y="45.5"
        width="26.3333"
        height="26.3333"
        rx="1.5"
        stroke={fill || '#9AC9E3'}
        strokeWidth="3"
      />
      <path d="M37 27.5V36.6667" stroke={fill || '#9AC9E3'} strokeWidth="2" strokeLinecap="round" />
      <path
        d="M15 44V39.6667C15 38.0098 16.3431 36.6667 18 36.6667H56C57.6569 36.6667 59 38.0098 59 39.6667V44"
        stroke={fill || '#9AC9E3'}
        strokeWidth="2"
        strokeLinecap="round"
      />
    </svg>
  );
};

export default TreeIcon;
