import type { ComponentProps } from 'react'
import Svg, { Path, Circle, G, Defs, ClipPath, Rect } from 'react-native-svg'

export function JunwonIcon(props: ComponentProps<typeof Svg>) {
  return (
    <Svg
      width={props.width ?? 16}
      height={props.height ?? 16}
      viewBox="0 0 1024 1024"
      fill="none"
      {...props}
    >
      <G clipPath="url(#clip0_2_2)">
        <Path
          d="M453.816 309.688V410.04C453.816 530.104 383.928 634.04 222.648 670.776L277.304 762.168C459.192 713.784 548.792 583.864 548.792 410.04V309.688H453.816ZM478.008 309.688V410.04C478.008 583.864 567.608 713.784 748.6 762.168L803.256 670.776C642.872 634.04 572.088 530.104 572.088 410.04V309.688H478.008ZM251.32 293.56V388.536H779.96V293.56H251.32Z"
          fill="currentColor"
        />
        <Circle
          cx="512"
          cy="512"
          r="456"
          stroke="currentColor"
          strokeWidth="112"
        />
      </G>
      <Defs>
        <ClipPath id="clip0_2_2">
          <Rect
            width="1024"
            height="1024"
            fill="white"
          />
        </ClipPath>
      </Defs>
    </Svg>
  )
}
