Issue #12

[
  {
    "matches": 8,
    "score": 76,
    "selector": "section.rounded-xl.border.border-gray-200",
    "strategy": "class"
  },
  {
    "matches": 2,
    "score": 60,
    "selector": "section:nth-of-type(1)",
    "strategy": "nth-of-type"
  },
  {
    "matches": 0,
    "score": 58,
    "selector": "#radix-_r_3a_ \u003e div \u003e div \u003e div \u003e section \u003e section:nth-of-type(1)",
    "strategy": "ancestor-path"
  }
]

{
  "ancestorPath": [
    "#radix-_r_3a_",
    "div",
    "div",
    "div",
    "section"
  ],
  "ariaLabel": null,
  "className": "rounded-xl border border-gray-200 bg-white p-4",
  "href": null,
  "id": null,
  "name": null,
  "role": null,
  "tagName": "section",
  "textSample": "Upcoming steps Request sent Request accepted Proposal accepted Booking confirmed Meet \u0026 Greet (optional) Waiting for ser"
}

{
  "hasFiberInstance": true,
  "reactComponentStack": [
    "section",
    "div",
    "tq",
    "Primitive.div",
    "DismissableLayer",
    "Primitive.div.SlotClone",
    "Primitive.div.Slot",
    "FocusScope",
    "Presence",
    "DialogContent",
    "Drawer.Content",
    "l"
  ],
  "reactOwnerStack": [],
  "source": "react-fiber"
}

bbox:
{
  "bottom": 957,
  "height": 350,
  "left": 856,
  "right": 1384,
  "top": 607,
  "width": 528,
  "x": 856,
  "y": 607
}

viewport:
{
  "height": 1120,
  "width": 1408
}

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

screenshotMarks:
[]

<section class="rounded-xl border border-gray-200 bg-white p-4"><h3 class="text-base font-semibold text-gray-900">Upcoming steps</h3><div class="mt-3"><ol class="space-y-2" data-sentry-component="UpcomingStepsTimeline" data-sentry-source-file="UpcomingStepsTimeline.tsx"><li class="flex items-start gap-3"><span class="pt-1" aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="text-green-600 text-sm" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg></span><span class="text-sm text-gray-700">Request sent</span></li><li class="flex items-start gap-3"><span class="pt-1" aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="text-blue-600 text-xs" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"></path></svg></span><span class="text-sm font-semibold text-gray-900">Request accepted</span></li><li class="flex items-start gap-3"><span class="pt-1" aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="text-gray-300 text-xs" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"></path></svg></span><span class="text-sm text-gray-500">Proposal accepted</span></li><li class="flex items-start gap-3"><span class="pt-1" aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="text-gray-300 text-xs" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"></path></svg></span><span class="text-sm text-gray-500">Booking confirmed</span></li><li class="flex items-start gap-3"><span class="pt-1" aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="text-gray-300 text-xs" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"></path></svg></span><span class="text-sm text-gray-500">Meet &amp; Greet (optional)</span></li><li class="flex items-start gap-3"><span class="pt-1" aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="text-gray-300 text-xs" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"></path></svg></span><span class="text-sm text-gray-500">Waiting for service to begin</span></li><li class="flex items-start gap-3"><span class="pt-1" aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="text-gray-300 text-xs" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"></path></svg></span><span class="text-sm text-gray-500">Stay in progress</span></li><li class="flex items-start gap-3"><span class="pt-1" aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="text-gray-300 text-xs" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"></path></svg></span><span class="text-sm text-gray-500">Completed</span></li><li class="flex items-start gap-3"><span class="pt-1" aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="text-gray-300 text-xs" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"></path></svg></span><span class="text-sm text-gray-500">Sitter payout</span></li></ol></div></section>