<template>
  <ClientsQRCodeDialog
    :qr-code="`./api/client/${client.id}/qrcode.svg`"
    :config-url="`/api/client/${client.id}/config`"
    :client-name="client.name"
  >
    <div
      class="rounded bg-gray-100 p-2 align-middle transition hover:bg-red-800 hover:text-white dark:bg-neutral-600 dark:text-neutral-300 dark:hover:bg-red-800 dark:hover:text-white"
      :title="$t('client.showQR')"
    >
      <IconsQRCode class="w-5" />
    </div>
  </ClientsQRCodeDialog>
</template>

<script setup lang="ts">
defineProps<{
  client: LocalClient;
}>();
</script>