@props([
    'phoneNumber' => '',
    'mobile' => false,
    'justIcon' => true,
])
@php
  $class = $mobile
      ? 'btn btn-outline btn-neutral px-4 py-0 text-base !min-h-[auto]'
      : 'whitespace-nowrap text-white text-2xl transition-colors px-3 py-1 rounded-md font-semibold relative flex items-center gap-x-2 bg-transparent';
@endphp

<a href="tel:+1{{ str_replace([' ', '-'], '', $phoneNumber) }}" {{ $attributes->merge(['class' => $class]) }}>
  <i @class(['fa-regular fa-phone', 'text-shadow-sm' => !$mobile])></i>
  @if ($justIcon)
    <span @class(['text-shadow-sm' => !$mobile])>{{ $phoneNumber }}</span>
  @endif
</a>