add: shipping dropdown

src/components/dropdown/MultiOption.tsx

@@ -21,7 +21,7 @@ function MultiOption({ title, options, expanded, selectedId, onSelectionChange,
     }
 
     return (
-        <div className="relative" {...props}>
+        <div className={`relative ${props.className ?? ''}`} {...props}>
             <div
                 className="flex w-full h-11 items-center justify-end gap-2 px-3 py-4 relative bg-white/29 rounded-xl border border-solid border-neutral-200 cursor-pointer focus:outline-none focus:ring-2 focus:ring-black"
                 tabIndex={0}
@@ -33,7 +33,7 @@ function MultiOption({ title, options, expanded, selectedId, onSelectionChange,
                 aria-label={title}>
                 <label
                     htmlFor='content-select'
-                    className='inline-flex flex-col items-end justify-center px-1 py-0 absolute -top-6 right-0 z-[2]'>
+                    className='pointer-events-none inline-flex flex-col items-end justify-center px-1 py-0 absolute -top-6 right-0 z-[2]'>
                     <span className='relative w-fit mt-[-1px] text-xs tracking-[0] leading-4 whitespace-nowrap'>
                         {title}
                     </span>