Issue #43

[
  {
    "matches": 2,
    "score": 100,
    "selector": "#booking-action-banner",
    "strategy": "id"
  },
  {
    "matches": 2,
    "score": 76,
    "selector": "div.bg-white.border-t.border-\\[\\#E3EDF7\\]",
    "strategy": "class"
  },
  {
    "matches": 172,
    "score": 60,
    "selector": "div:nth-of-type(2)",
    "strategy": "nth-of-type"
  },
  {
    "matches": 0,
    "score": 58,
    "selector": "#booking-action-banner \u003e div:nth-of-type(2)",
    "strategy": "ancestor-path"
  }
]

{
  "ancestorPath": [
    "#booking-action-banner"
  ],
  "ariaLabel": null,
  "className": "bg-white border-t border-[#E3EDF7] shadow-[0_-4px_20px_rgba(0,0,0,0.05)] relative z-30 px-8 py-6",
  "href": null,
  "id": "booking-action-banner",
  "name": null,
  "role": null,
  "tagName": "div",
  "textSample": "estelle has received your request. See details Cancel request"
}

{
  "hasFiberInstance": true,
  "reactComponentStack": [
    "div",
    "t8",
    "sn",
    "Content",
    "o",
    "D",
    "B",
    "x",
    "c",
    "f",
    "T",
    "E"
  ],
  "reactOwnerStack": [],
  "source": "react-fiber"
}

bbox:
{
  "bottom": 1000,
  "height": 97,
  "left": 640,
  "right": 1151,
  "top": 903,
  "width": 511,
  "x": 640,
  "y": 903
}

viewport:
{
  "height": 1000,
  "width": 1151
}

scroll:
{
  "x": 0,
  "y": 0
}

screenshotMarks:
[]

<div id="booking-action-banner" class="bg-white border-t border-[#E3EDF7] shadow-[0_-4px_20px_rgba(0,0,0,0.05)] relative z-30 px-8 py-6"><div class="flex items-center justify-between max-w-[900px] mx-auto"><div class="max-w-[480px]"><p class="text-[#1F2937] text-[15px] leading-relaxed">estelle has received your request.</p></div><div class="flex gap-3 ml-6"><button data-slot="button" class="inline-flex items-center justify-center gap-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*='size-'])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive shadow-xs hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 whitespace-nowrap min-w-0 h-11 bg-white border border-[#E3EDF7] text-[#374151] px-4 rounded-lg text-[14px] font-medium active:scale-[0.98] transition-transform hover:bg-gray-50 overflow-hidden" type="button" data-sentry-element="Comp" data-sentry-component="Button" data-sentry-source-file="button.tsx"><span class="block max-w-full text-center leading-tight truncate">See details</span></button><button data-slot="button" class="inline-flex items-center justify-center gap-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*='size-'])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive shadow-xs hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 whitespace-nowrap min-w-0 h-11 bg-white border border-[#E3EDF7] text-[#374151] px-4 rounded-lg text-[14px] font-medium active:scale-[0.98] transition-transform hover:bg-gray-50 overflow-hidden" type="button" data-sentry-element="Comp" data-sentry-component="Button" data-sentry-source-file="button.tsx"><span class="block max-w-full text-center leading-tight truncate">Cancel request</span></button></div></div></div>