import React from "react"
import SVGUniqueID from "react-svg-unique-id"
import { IconProps } from "../types"

export default function BaseWrappedChainIcon({
  height = 36,
  width = 36,
}: IconProps) {
  return (
    <SVGUniqueID>
      <svg
        width={width}
        height={height}
        viewBox="0 0 36 36"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
      >
        <rect
          x="1.35"
          y="1.35"
          width="33.3"
          height="33.3"
          rx="16.65"
          fill="black"
        />
        <rect
          x="1.35"
          y="1.35"
          width="33.3"
          height="33.3"
          rx="16.65"
          stroke="#494C56"
          strokeWidth="1.3"
        />
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M30.5226 18C30.5226 24.9035 24.9147 30.5 17.9969 30.5C11.4338 30.5 6.04962 25.4626 5.51489 19.0507H22.071V16.9493H5.51489C6.04962 10.5374 11.4338 5.49998 17.9969 5.49998C24.9147 5.49998 30.5226 11.0964 30.5226 18Z"
          fill="#3145FF"
        />
      </svg>
    </SVGUniqueID>
  )
}