@props(['url' => ''])

<div class="ss" role="img" aria-label="Screenshot: {{ $url }}">
    <div class="ss-bar">
        <span class="ss-bar-dot" style="background:#f87171;"></span><span class="ss-bar-dot" style="background:#fbbf24;"></span><span class="ss-bar-dot" style="background:#34d399;"></span>
        <span class="ss-url">@gi('lock-fill', '#9ca3af') {{ $url }}</span>
    </div>
    <div class="ss-body">
        {{ $slot }}
    </div>
</div>