@props([
    'url' => url()->current(true),
    'message' => 'Premier Plus. Take a look!',
    'theme' => 'dark'
])

@php
    $url=rawurlencode(url()->current(true));
    $message= rawurlencode($message);
    $merge = $message . "%20-%20" . $url;
@endphp

<div {{ $attributes->class('flex items-center') }}>
    <a
        target="_blank"
        href="https://www.facebook.com/sharer.php?u={{ $url }}"
        class="p-2 hover:opacity-90 {{ $theme==='light'?'btn-on-dark':'btn' }}"
    >
        <x-icon name="social-facebook" size="1.8rem" class="{{ $theme==='light'?'text-white':'text-purple' }}" />
    </a>
    <a
        target="_blank"
        href="https://twitter.com/share?text={{ $message }}&url={{ $url }}"
        class="p-2 hover:opacity-90 {{ $theme==='light'?'btn-on-dark':'btn' }}"
    >
        <x-icon name="social-twitter" size="2rem" class="{{ $theme==='light'?'text-white':'text-purple' }}" />
    </a>
    <a
        target="_blank"
        href="https://api.whatsapp.com/send?text={{ $merge }}"
        class="p-2 hover:opacity-90 {{ $theme==='light'?'btn-on-dark':'btn' }}"
    >
        <x-icon name="social-whatsapp" size="1.8rem" class="{{ $theme==='light'?'text-white':'text-purple' }}" />
    </a>
</div>