<!--
  AisTypeAheadEntry provides a simple two-line typeahead entry.
  First line is for the primary label and the second provides context.
-->
<template>
  <div class="grid gap-0.5 px-2.5 py-1.5">
    <div class="text-lg leading-tight">
      {{ label }}
    </div>
    <div class="text-muted leading-tight">
      {{ context }}
    </div>
  </div>
</template>

<script setup>
const props = defineProps({
  label: { type: String, required: true },
  context: { type: String, required: false, default: "" },
});
</script>
