@props(['category'])

@php
    $themes = config('placeo_categories');
    $t = $themes['map'][$category->name] ?? $themes['default'];
@endphp

<a href="{{ category_url($category) }}"
   class="icon-thin group relative block h-[110px] overflow-hidden rounded-[18px] px-[18px] py-4 transition duration-200 hover:-translate-y-0.5 hover:brightness-[0.965]"
   style="background: {{ $t['tint'] }}">
    <span class="relative z-10 block max-w-[66%] text-[15px] font-semibold leading-[1.25] text-ink">{{ $category->name }}</span>
    <span class="pointer-events-none absolute -bottom-[10px] -right-[6px] text-[62px] opacity-90"
          style="color: {{ $t['ink'] }}">
        <i data-lucide="{{ $t['icon'] }}"></i>
    </span>
</a>