Issue #35

[
  {
    "matches": 1,
    "score": 100,
    "selector": "#radix-_r_43_",
    "strategy": "id"
  },
  {
    "matches": 1,
    "score": 88,
    "selector": "div[role=\"dialog\"]",
    "strategy": "attr:role"
  },
  {
    "matches": 1,
    "score": 86,
    "selector": "div[aria-label=\"Dialog\"]",
    "strategy": "attr:aria-label"
  },
  {
    "matches": 1,
    "score": 76,
    "selector": "div.fixed.z-50.bg-background",
    "strategy": "class"
  },
  {
    "matches": 5,
    "score": 60,
    "selector": "div:nth-of-type(5)",
    "strategy": "nth-of-type"
  },
  {
    "matches": 0,
    "score": 58,
    "selector": "#radix-_r_43_ \u003e div:nth-of-type(5)",
    "strategy": "ancestor-path"
  }
]

{
  "ancestorPath": [
    "#radix-_r_43_"
  ],
  "ariaLabel": "Dialog",
  "className": "fixed z-50 bg-background inset-y-0 right-0 w-full sm:max-w-lg h-full flex flex-col",
  "href": null,
  "id": "radix-_r_43_",
  "name": null,
  "role": "dialog",
  "tagName": "div",
  "textSample": "Dialog Decline Quote Are you sure you want to decline this quote from estelle? This action cannot be undone. Please sele"
}

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

bbox:
{
  "bottom": 1000,
  "height": 1000,
  "left": 546,
  "right": 1058,
  "top": 0,
  "width": 512,
  "x": 546,
  "y": 0
}

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

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

screenshotMarks:
[]

<div role="dialog" id="radix-_r_43_" aria-describedby="radix-_r_45_" aria-labelledby="_r_46_" data-state="open" data-vaul-drawer-direction="right" data-vaul-drawer="" data-vaul-delayed-snap-points="false" data-vaul-snap-points="false" data-vaul-custom-container="false" data-vaul-animate="true" class="fixed z-50 bg-background inset-y-0 right-0 w-full sm:max-w-lg h-full flex flex-col" aria-label="Dialog" data-sentry-element="ResponsiveDrawerContent" data-sentry-source-file="DeclineDialog.tsx" tabindex="-1" style="font-family: var(--font-inter), Inter, sans-serif; height: var(--viewport-height, var(--vh, 100dvh)); max-height: var(--viewport-height, var(--vh, 100dvh)); padding-bottom: env(safe-area-inset-bottom); padding-top: calc(env(safe-area-inset-top) + var(--viewport-offset-top, 0px)); --responsive-drawer-scroll-padding: env(safe-area-inset-bottom); pointer-events: auto; transition: none; transform: translate3d(0px, 0px, 0px);"><h2 id="_r_46_" class="sr-only">Dialog</h2><div class="grid gap-1.5 p-4 text-center sm:text-left relative flex-shrink-0 border-b py-4 mb-4 px-4 sm:px-6" data-sentry-element="DrawerHeader" data-sentry-source-file="drawer.tsx" data-sentry-component="DrawerHeader"><h3 class="text-lg md:text-xl font-semibold text-foreground tracking-tight" id="radix-_r_44_">Decline Quote</h3><p class="text-sm text-muted-foreground mt-1" id="radix-_r_45_">Are you sure you want to decline this quote from estelle? This action cannot be undone.</p><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-triangle-alert h-5 w-5 text-orange-500 -mt-1" aria-hidden="true" data-sentry-element="AlertTriangle" data-sentry-source-file="DeclineDialog.tsx"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"></path><path d="M12 9v4"></path><path d="M12 17h.01"></path></svg></div><div class="flex-1 overflow-y-auto py-4 px-4 sm:px-6" data-sentry-component="StandardDrawerBody" data-sentry-source-file="responsive-drawer.tsx"><div class="space-y-4"><div><label data-slot="label" class="flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50" data-sentry-element="LabelPrimitive.Root" data-sentry-source-file="label.tsx" data-sentry-component="Label">Please select a reason for declining this quote:</label><div role="radiogroup" aria-required="false" dir="ltr" data-slot="radio-group" class="grid gap-3 mt-3 space-y-2" data-sentry-element="RadioGroupPrimitive.Root" data-sentry-source-file="radio-group.tsx" data-sentry-component="RadioGroup" tabindex="0" style="outline: currentcolor;"><div class="flex items-center space-x-2"><button type="button" role="radio" aria-checked="false" data-state="unchecked" value="price" data-slot="radio-group-item" class="border-gray-400 hover:border-gray-600 text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border-2 shadow-sm transition-[color,box-shadow,border-color] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-primary data-[state=checked]:bg-primary/10" id="price" data-sentry-element="RadioGroupPrimitive.Item" data-sentry-component="RadioGroupItem" data-sentry-source-file="radio-group.tsx" tabindex="-1" data-radix-collection-item=""></button><label data-slot="label" class="flex items-center gap-2 text-sm leading-none select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 font-normal cursor-pointer" for="price" data-sentry-element="LabelPrimitive.Root" data-sentry-component="Label" data-sentry-source-file="label.tsx">Price is too high</label></div><div class="flex items-center space-x-2"><button type="button" role="radio" aria-checked="false" data-state="unchecked" value="not_fit" data-slot="radio-group-item" class="border-gray-400 hover:border-gray-600 text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border-2 shadow-sm transition-[color,box-shadow,border-color] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-primary data-[state=checked]:bg-primary/10" id="not_fit" data-sentry-element="RadioGroupPrimitive.Item" data-sentry-component="RadioGroupItem" data-sentry-source-file="radio-group.tsx" tabindex="-1" data-radix-collection-item=""></button><label data-slot="label" class="flex items-center