@php
    $size = $size ?? 22;
    $inner = '';
    $bg = '#6b7280';
    $gradient = false;

    switch ($platform) {
        case 'youtube':
            $bg = '#FF0000';
            $inner = '<path d="M8.3 7.2 L15.2 11 L8.3 14.8 Z" fill="#fff"/>';
            break;
        case 'x':
            $bg = '#000000';
            $inner = '<path d="M6 6 L16 16 M16 6 L6 16" stroke="#fff" stroke-width="2.2" stroke-linecap="round"/>';
            break;
        case 'linkedin':
            $bg = '#0A66C2';
            $inner = '<text x="11" y="15.5" font-family="Arial, sans-serif" font-size="10" font-weight="700" fill="#fff" text-anchor="middle">in</text>';
            break;
        case 'pinterest':
            $bg = '#E60023';
            $inner = '<text x="11" y="16" font-family="Arial, sans-serif" font-size="13" font-weight="700" fill="#fff" text-anchor="middle">P</text>';
            break;
        case 'facebook':
            $bg = '#1877F2';
            $inner = '<text x="11" y="16" font-family="Arial, sans-serif" font-size="13" font-weight="700" fill="#fff" text-anchor="middle">f</text>';
            break;
        case 'instagram':
            $gradient = true;
            $inner = '<rect x="5" y="5" width="12" height="12" rx="3.5" fill="none" stroke="#fff" stroke-width="1.4"/>'
                . '<circle cx="11" cy="11" r="3" fill="none" stroke="#fff" stroke-width="1.4"/>'
                . '<circle cx="14.7" cy="7.3" r="0.9" fill="#fff"/>';
            break;
        case 'threads':
            $bg = '#000000';
            $inner = '<text x="11" y="15.5" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#fff" text-anchor="middle">@</text>';
            break;
        case 'tiktok':
            $bg = '#000000';
            $inner = '<text x="11" y="15.5" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#fff" text-anchor="middle">&#9835;</text>';
            break;
    }
@endphp
<svg width="{{ $size }}" height="{{ $size }}" viewBox="0 0 22 22" style="flex-shrink:0; border-radius:6px; vertical-align:middle;">
    @if ($gradient)
        <defs>
            <linearGradient id="igGrad-{{ $platform }}" x1="0" y1="1" x2="1" y2="0">
                <stop offset="0%" stop-color="#F58529"/>
                <stop offset="35%" stop-color="#DD2A7B"/>
                <stop offset="70%" stop-color="#8134AF"/>
                <stop offset="100%" stop-color="#515BD4"/>
            </linearGradient>
        </defs>
        <rect width="22" height="22" rx="6" fill="url(#igGrad-{{ $platform }})"/>
    @else
        <rect width="22" height="22" rx="6" fill="{{ $bg }}"/>
    @endif
    {!! $inner !!}
</svg>