import {
Avatar,
AvatarSize,
AvatarShape,
AvatarOnlinePosition,
} from '../../../Avatar'
import { User, Star, Settings } from 'lucide-react'
const AvatarLightHouse = () => {
return (
<>
{/* All Avatar Sizes */}
{/* All Avatar Shapes */}
{/* With Images */}
{/* With Online Status - Top */}
{/* With Online Status - Bottom */}
{/* With Leading Slot */}
}
/>
}
/>
{/* With Trailing Slot */}
}
/>
}
/>
{/* With Both Slots */}
}
trailingSlot={}
/>
}
trailingSlot={}
/>
{/* Interactive Avatar */}
{
console.log('Avatar clicked')
}}
/>
{
console.log('Avatar clicked')
}}
/>
{/* With Skeleton */}
{/* Circular Shape Combinations */}
}
/>
}
onClick={() => {
console.log('Avatar clicked')
}}
/>
{/* Rounded Shape Combinations */}
}
/>
}
onClick={() => {
console.log('Avatar clicked')
}}
/>
)
}
export default AvatarLightHouse