@props({'variant': 'default'})
<div data-slot="empty-media" data-variant="{{ variant }}" {{ attributes.cn(
    "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
    {'default': 'bg-transparent', 'icon': "size-10 rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-6"}[variant],
) }}>{{ slot }}</div>