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

@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']]) }}>
    <div class="absolute inset-0 opacity-25" style="background-image: radial-gradient(circle, white 1.5px, transparent 1.5px); background-size: 22px 22px;"></div>
    <div class="absolute -right-6 -bottom-6 opacity-30">
        <x-ui-icon :name="$palette['icon']" variant="o" class="h-40 w-40 text-white" />
    </div>
    <div class="relative flex h-full items-center justify-center">
        <x-ui-icon :name="$palette['icon']" variant="o" class="{{ $iconClass }} text-white drop-shadow-lg" />
    </div>
</div>