@props(['text', 'textOnly', 'icon' => 'sad'])

@php
$textOnly = $textOnly ?? false;
if ($icon == 'happy') {
    $icon = ':)';
}
if ($icon == 'sad') {
    $icon = ':(';
}
if ($icon == 'custom') {
    $icon = $attributes['iconCustom'];
}
if (!isset($text) || empty($text)) {
    $text = __('Nothing to show');
}
@endphp

@if ($textOnly)
    <span
        {{ $attributes->merge(['class' => 'empty-content text-only select-none cursor-default']) }}>{{ $text }}</span>
@else
    <div
        {{ $attributes->merge(['class' => 'empty-content-wrapper flex flex-col space-y-4 items-center justify-center py-8 text-gray-400 select-none cursor-default']) }}>
        <span class="text-8xl text-gray-400"> {{ $icon }} </span>
        <span class="font-semibold">{{ $text }}</span>
    </div>
@endif