Files
calorie-tracker/src/lib/components/ui/avatar/avatar-fallback.svelte
2024-01-18 00:45:21 +02:00

19 lines
443 B
Svelte

<script lang="ts">
import { Avatar as AvatarPrimitive } from 'bits-ui';
import { cn } from '$lib/utils';
type $$Props = AvatarPrimitive.FallbackProps;
let className: $$Props['class'] = undefined;
export { className as class };
</script>
<AvatarPrimitive.Fallback
class={cn(
'flex h-full w-full items-center justify-center rounded-full bg-muted',
className
)}
{...$$restProps}>
<slot />
</AvatarPrimitive.Fallback>