import React from 'react'

interface Props {
  color?: string
  height?: string
}

const SearchIcon: React.FC<Props> = ({ color, height }) => {
  return (
    <svg
      stroke={color}
      style={{ color }}
      viewBox="0 0 24 24"
      width={height}
      height={height}
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
    >
      <circle cx="11" cy="11" r="8" />
      <line x1="21" y1="21" x2="16.65" y2="16.65" />
    </svg>
  )
}

const MemoSearchIcon = React.memo(SearchIcon)

export default MemoSearchIcon
