<script setup lang="ts">
import { Icon } from '@iconify/vue';
</script>
<template>
  <div
    class="surface-3 row items-center q-px-md q-py-xs"
    style="color: hsla(var(--text-mute-2)); background: hsla(var(--gray-2-hsl))"
  >
    <Icon icon="mdi-circle-medium" class="q-mr-xs" />
    <slot />
  </div>
</template>
