import React from 'react'
import { Svg, G, Circle, Line } from 'react-native-svg'
import { SvgIconProps } from '../components/SvgIcon'

export function SearchIcon(props: SvgIconProps): React.ReactElement {
  const { stroke, flipHorizontal, size, style } = props
  const strokeColor = stroke ?? '#475060'
  const flipTransform = flipHorizontal ? 'scale(-1, 1) translate(-23, 0)' : ''
  return (
    <Svg style={style} width={size} height={size} viewBox="0 0 23 23">
      <G
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
        transform={flipTransform}
      >
        <G
          transform="translate(-38.000000, -22.000000)"
          stroke={strokeColor}
          strokeWidth="2"
        >
          <G transform="translate(19.000000, 9.000000)">
            <G transform="translate(20.000000, 13.000000)">
              <Circle cx="12.0884879" cy="9.16666667" r="8.16666667" />
              <Line
                x1="5.92247231"
                y1="15.8888889"
                x2="0"
                y2="21.8113612"
                strokeLinecap="round"
                strokeLinejoin="round"
              />
            </G>
          </G>
        </G>
      </G>
    </Svg>
  )
}