/** biome-ignore-all lint/a11y/noSvgWithoutTitle: we don't need a title for the svg */
import type { RatingIconProps } from '../types'

export const FaceMehSvg = ({ color, selected }: RatingIconProps) => {
  return selected ? (
    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' color={color}>
      <path
        d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM176.4 176a32 32 0 1 1 0 64 32 32 0 1 1 0-64zm128 32a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zM160 336l192 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-192 0c-8.8 0-16-7.2-16-16s7.2-16 16-16z'
        fill='currentColor'
      />
    </svg>
  ) : (
    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' color={color}>
      <path
        d='M464 256A208 208 0 1 1 48 256a208 208 0 1 1 416 0zM256 0a256 256 0 1 0 0 512A256 256 0 1 0 256 0zM176.4 240a32 32 0 1 0 0-64 32 32 0 1 0 0 64zm192-32a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zM184 328c-13.3 0-24 10.7-24 24s10.7 24 24 24l144 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-144 0z'
        fill='currentColor'
      />
    </svg>
  )
}