@props([
    'title' => null,
    'icons' => null,
    'alt' => null,
    'name' => null,
])

<div class=" flex flex-col px-10 py-6 border border-[#262626] hover:bg-[#1a1a1a] transition">
    @if($icons)
        <div
            class="bg-no-repeat w-12 h-12 place-self-start bg-contain"
            style="background-image: url('{{ $icons }}');"
            role="img"
            aria-label="{{ $alt ?? $title }}"
        ></div>
    @endif

    <p class="mt-4 font-medium text-sm text-start text-zinc-300">
        {{ $title }}
    </p>
</div>