import clsx from 'clsx'
import React from 'react'

interface IconProps {
  className?: string
  loading?: 'lazy' | 'eager'
  priority?: 'auto' | 'high' | 'low'
}

const Icon = (props: IconProps) => {
  const {
    className,
    loading: loadingFromProps = 'lazy',
    priority: priorityFromProps = 'low',
  } = props

  return (
    /* eslint-disable @next/next/no-img-element */
    <img
      alt="ricenoodlestw Icon"
      width={64}
      height={64}
      decoding="async"
      loading={loadingFromProps}
      fetchPriority={priorityFromProps}
      className={clsx('h-16 w-16', className)}
      src="/ricenoodles_icon_light.svg"
    />
  )
}

export { Icon }
export default Icon
