@props(['content', 'url', 'searchId' => ''])

<div>
    <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm" {{ $attributes->merge(['colspan' => '']) }}>
        <div class="flex items-center">
            <div class="ml-5">
                <a class="text-blue-400 whitespace-no-wrap hover:underline" href="{{ $url }}"
                    target="_blank">{{ $content }}</a>

                @if ($searchId != '')
                    <a class="p-1 rounded-md text-black-400 whitespace-no-wrap cursor-pointer {{ $searchId }} hover:bg-green-600 hover:text-white transition-all duration-300">
                        <span class="fas fa-magnifying-glass"></span>
                    </a>
                @endif
            </div>
        </div>
    </td>
</div>