{{-- Social sharing with LinkedIn first, given the audience (PRD §16.1). Plain links: no third-party scripts. --}}
@props(['url', 'title'])
@php
    $links = [
        'LinkedIn' => 'https://www.linkedin.com/sharing/share-offsite/?url='.rawurlencode($url),
        'X' => 'https://x.com/intent/post?url='.rawurlencode($url).'&text='.rawurlencode($title),
        'Email' => 'mailto:?subject='.rawurlencode($title).'&body='.rawurlencode($url),
    ];
@endphp
<div {{ $attributes->class('flex flex-wrap items-center gap-2') }}>
    <span class="text-sm font-semibold text-muted">{{ __('portfolio.ui.share') }}</span>
    @foreach ($links as $network => $href)
        <a href="{{ $href }}" @unless ($network === 'Email') target="_blank" rel="noopener" @endunless
           class="inline-flex min-h-11 items-center rounded-full border border-line px-4 text-sm font-medium text-ink no-underline hover:border-ink"
           data-track="{{ $network === 'LinkedIn' ? 'linkedin_click' : 'social_click' }}" data-track-props='{"location":"share","network":"{{ strtolower($network) }}"}'>
            <span class="sr-only">{{ __('portfolio.ui.share') }}: </span>{{ $network }}
        </a>
    @endforeach
</div>