@props(['icon','route','text'])

<div class="instance-list justify-center">
    <a href={{ $route }}>
        <div class="h-full w-full grid grid-col-2 gap-0">
            <div class="p-5 rounded-lg bg-teal-600 flex flex-col justify-center">
                <div class="inline-flex mt-3 justify-center text-4xl {{ $icon }} text-white">
                </div>
                <div class="p-2 mx-auto text-md font-mono font-semibold text-white">
                    {{ $text }}
                </div>
            </div>
        </div>
    </a>
</div>