30 lines
755 B
TypeScript
30 lines
755 B
TypeScript
import clsx from 'clsx'
|
|
import React from 'react'
|
|
|
|
interface Props {
|
|
className?: string
|
|
loading?: 'lazy' | 'eager'
|
|
priority?: 'auto' | 'high' | 'low'
|
|
}
|
|
|
|
export const Logo = (props: Props) => {
|
|
const { loading: loadingFromProps, priority: priorityFromProps, className } = props
|
|
|
|
const loading = loadingFromProps || 'lazy'
|
|
const priority = priorityFromProps || 'low'
|
|
|
|
return (
|
|
/* eslint-disable @next/next/no-img-element */
|
|
<img
|
|
alt="ricenoodlestw Logo"
|
|
width={193}
|
|
height={34}
|
|
loading={loading}
|
|
fetchPriority={priority}
|
|
decoding="async"
|
|
className={clsx('max-w-[9.375rem] w-full h-[34px]', className)}
|
|
src="https://www.ricenoodlestw.com/_astro/ricenoodle_logo.Cv6D2KP4.svg"
|
|
/>
|
|
)
|
|
}
|