<div class="space-y-3">
  <div class="text-sm">Join Link</div>
  <div class="rounded border bg-gray-50 p-2 text-sm dark:bg-gray-900">
    <a href="{{ $link }}" target="_blank" class="underline">
      {{ $link }}
    </a>
  </div>
  <div class="text-sm">QR Code</div>
  <div class="flex items-center justify-center">
    {!! \SimpleSoftwareIO\QrCode\Facades\QrCode::size(300)->generate($link) !!}
  </div>
  <div class="text-xs text-muted-foreground">
    Hinweis: Der QR-Code wird über einen externen QR-Service generiert. Für eine selbst gehostete Lösung können wir später eine interne QR-Generierung ergänzen.
  </div>
</div>
