alisaza
e1eaf5eff5
Extract admin dashboard from ghabilee-frontend2 into a dedicated Next.js app for backoffice.ghabilee.ir (no SEO indexing / Clarity).
30 lines
639 B
TypeScript
30 lines
639 B
TypeScript
'use client'
|
|
|
|
import { Avatar as HeroAvatar } from '@heroui/react'
|
|
|
|
interface AvatarProps {
|
|
alt?: string
|
|
className?: string
|
|
color?: string
|
|
isBordered?: boolean
|
|
size?: 'sm' | 'md' | 'lg'
|
|
src?: string
|
|
}
|
|
|
|
export function Avatar({ alt = '', className, isBordered, size, src }: AvatarProps) {
|
|
return (
|
|
<HeroAvatar
|
|
className={`${isBordered ? 'ring-2 ring-divider' : ''} ${className ?? ''}`.trim()}
|
|
size={size}
|
|
>
|
|
{src ? (
|
|
<HeroAvatar.Image
|
|
alt={alt}
|
|
src={src}
|
|
/>
|
|
) : null}
|
|
<HeroAvatar.Fallback>{alt.slice(0, 1)}</HeroAvatar.Fallback>
|
|
</HeroAvatar>
|
|
)
|
|
}
|