20 lines
591 B
TypeScript
20 lines
591 B
TypeScript
import { Avatar as ShadAvatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
|
|
import { User } from 'lucide-react';
|
|
import { cn } from 'helpers/cn';
|
|
|
|
type AvatarProps = {
|
|
src?: string | null;
|
|
className?: string;
|
|
} & React.ComponentProps<typeof ShadAvatar>;
|
|
|
|
export const Avatar = ({ src = '', className, ...props }: AvatarProps) => {
|
|
return (
|
|
<ShadAvatar {...props} className={cn('h-10 w-10 rounded-md', className)}>
|
|
<AvatarImage src={src || ''} />
|
|
<AvatarFallback className="rounded-md">
|
|
<User />
|
|
</AvatarFallback>
|
|
</ShadAvatar>
|
|
);
|
|
};
|