@props(['seed', 'icon' => null, 'fill' => false, 'iconClass' => 'h-10 w-10'])

@php
    $palette = \App\Support\CoverPalette::resolve($seed, $icon);
@endphp

<div {{ $attributes->merge(['class' => ($fill ? 'absolute inset-0' : 'relative').' overflow-hidden bg-gradient-to-br '.$palette['gradient'].' flex items-center justify-center']) }}>
    <div class="absolute inset-0 opacity-20" style="background-image: radial-gradient(circle, white 1px, transparent 1px); background-size: 16px 16px;"></div>
    <x-ui-icon :name="$palette['icon']" variant="o" class="{{ $iconClass }} relative text-white/90" />
</div>