@props([
    'route' => '',
    'url' => '',
    'href' => null,
    'height' => '10rem',
    'label' => '',
    'icon' => '',
    'click' => null,
    'color' => 'light'
])

@php
    if ($route) $href = route($route);
    else if ($url) $href = url($url);

    $attributes = $attributes->class([
        'alert alert-dashed p-0 br-2 tw-bg-blue-gray-50',
        'alert-'.$color,
        'd-flex align-items-center justify-center flex-column',
        'cursor-pointer' => !$href,
    ])->merge([
        'href' => $href,
        'wire:click.prevent' => $click,
    ]);
@endphp


@if($href) <a @else <div @endif 
    {{ $attributes }} 
    style="height: {{ $height }}"
    x-data
    x-on:mouseover="$el.classList.add('shadow-sm')"
    x-on:mouseover.away ="$el.classList.remove('shadow-sm')"
>

    @if($icon)
    <div class="nk-iv-scheme-icon is-running mb-2 me-0">
        <x-ui.nicon :name="$icon"/>
    </div>
    @endif
    <div class="bold">{{ $label }}</div>

@if($href) </a> @else </div> @endif