import React from 'react';

const PozoSwapIcon = ({
  width = '15',
  height = '15',
  color = 'currentColor',
  className,
}) => {
  return (
    <svg
      width={width}
      height={height}
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <path
        d="M7.5 3L3.5 7L7.5 11"
        stroke={color}
        strokeWidth="1.5"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M3.5 7H17.5C19.71 7 21.5 8.79 21.5 11V12"
        stroke={color}
        strokeWidth="1.5"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M16.5 21L20.5 17L16.5 13"
        stroke={color}
        strokeWidth="1.5"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M20.5 17H6.5C4.29 17 2.5 15.21 2.5 13V12"
        stroke={color}
        strokeWidth="1.5"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </svg>
  );
};

export default PozoSwapIcon;

// function SwapIcon({ fill = "white", className, style, onClick }) {
//   return (
//     <svg
//       width="24"
//       height="24"
//       viewBox="0 0 24 24"
//       fill="none"
//       xmlns="http://www.w3.org/2000/svg"
//       className={className}
//       style={style}
//       onClick={onClick}
//     >
//       <path
//         d="M7 10H20M7 10L10 7M7 10L10 13"
//         stroke={fill}
//         strokeWidth="2"
//         strokeLinecap="round"
//         strokeLinejoin="round"
//       />
//       <path
//         d="M17 14H4M17 14L14 17M17 14L14 11"
//         stroke={fill}
//         strokeWidth="2"
//         strokeLinecap="round"
//         strokeLinejoin="round"
//       />
//     </svg>
//   );
// }

// export default SwapIcon;
