<.popover id="popover-single-default">
  <:trigger :let={attrs}>
    <button {attrs} style="padding: 8px 16px;">
      Click me
    </button>
  </:trigger>
  <div style="padding: 16px;">
    <h3 style="margin: 0 0 8px 0; color: var(--noora-surface-label-primary);">Popover Title</h3>
    <p style="margin: 0; color: var(--noora-surface-label-secondary);">This is the content inside the popover.</p>
  </div>
</.popover>