29 lines
719 B
TypeScript
29 lines
719 B
TypeScript
import logoDark from '@/assets/brand/logo-dark.svg'
|
|
import logoLight from '@/assets/brand/logo-light.svg'
|
|
import logoSeal from '@/assets/brand/logo-seal.svg'
|
|
|
|
export type BrandLogoVariant = 'light' | 'dark' | 'seal'
|
|
|
|
interface BrandLogoProps {
|
|
height?: number
|
|
variant?: BrandLogoVariant
|
|
className?: string
|
|
}
|
|
|
|
const logoSources: Record<BrandLogoVariant, string> = {
|
|
light: logoLight,
|
|
dark: logoDark,
|
|
seal: logoSeal,
|
|
}
|
|
|
|
export function BrandLogo({ height = 44, variant = 'light', className }: BrandLogoProps) {
|
|
return (
|
|
<img
|
|
src={logoSources[variant]}
|
|
alt="解忧商行 JIEYOU TRADING HOUSE"
|
|
className={className}
|
|
style={{ height, width: 'auto', display: 'block' }}
|
|
/>
|
|
)
|
|
}
|