import React from "react"

import { IconProps } from "./types"
import { defaultTheme } from "@/lib"

export default function SwapAgentIcon({
  width = 96,
  height = 60,
  color = defaultTheme.colors.success,
}: IconProps) {
  return (
    <svg
      width={width}
      height={height}
      viewBox="0 0 96 60"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <rect
        x="14.9187"
        y="10.0586"
        width="63.9565"
        height="41.9025"
        rx="20.9513"
        stroke={color}
        strokeWidth="6.75992"
      />
      <path
        d="M65.1647 30.2576C61.5187 29.2505 60.8752 28.6069 59.8694 24.9623C59.776 24.6252 59.468 24.3916 59.1192 24.3916C58.7703 24.3916 58.4609 24.6252 58.369 24.9623C57.3633 28.6068 56.7196 29.2507 53.0736 30.2576C52.7365 30.351 52.503 30.6575 52.503 31.0078C52.503 31.3581 52.7365 31.6646 53.0736 31.758C56.7196 32.7651 57.3631 33.4088 58.369 37.0534C58.4609 37.3905 58.7689 37.624 59.1192 37.624C59.4695 37.624 59.776 37.3905 59.8694 37.0534C60.8765 33.4074 61.5201 32.765 65.1647 31.758C65.5018 31.6646 65.7354 31.3581 65.7354 31.0078C65.7354 30.6575 65.5018 30.351 65.1647 30.2576Z"
        fill="white"
      />
      <path
        d="M28.7215 31.758C32.3675 32.7651 33.011 33.4088 34.0169 37.0533C34.1103 37.3905 34.4182 37.624 34.7671 37.624C35.1159 37.624 35.4253 37.3904 35.5173 37.0533C36.5229 33.4088 37.1666 32.765 40.8126 31.758C41.1497 31.6646 41.3833 31.3581 41.3833 31.0078C41.3833 30.6575 41.1497 30.351 40.8126 30.2576C37.1666 29.2505 36.5231 28.6068 35.5173 24.9623C35.4253 24.6251 35.1174 24.3916 34.7671 24.3916C34.4168 24.3916 34.1103 24.6251 34.0169 24.9623C33.0098 28.6082 32.3661 29.2506 28.7215 30.2576C28.3844 30.351 28.1509 30.6575 28.1509 31.0078C28.1509 31.3581 28.3844 31.6646 28.7215 31.758Z"
        fill="white"
      />
      <rect
        opacity="0.5"
        x="6.81201"
        y="26.1523"
        width="11.0096"
        height="8.80764"
        rx="2.20191"
        fill={color}
      />
      <rect
        opacity="0.5"
        x="76.6869"
        y="26.1523"
        width="11.0096"
        height="8.80764"
        rx="2.20191"
        fill={color}
      />
    </svg>
  )
}