| 148 | } |
| 149 | |
| 150 | function ComboboxItem({ |
| 151 | className, |
| 152 | children, |
| 153 | ...props |
| 154 | }: ComboboxPrimitive.Item.Props) { |
| 155 | return ( |
| 156 | <ComboboxPrimitive.Item |
| 157 | data-slot="combobox-item" |
| 158 | className={cn( |
| 159 | "data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground gap-2 rounded-none py-2 pr-8 pl-2 text-xs [&_svg:not([class*='size-'])]:size-4 relative flex w-full cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", |
| 160 | className |
| 161 | )} |
| 162 | {...props} |
| 163 | > |
| 164 | {children} |
| 165 | <ComboboxPrimitive.ItemIndicator |
| 166 | render={ |
| 167 | <span className="pointer-events-none absolute right-2 flex size-4 items-center justify-center" /> |
| 168 | } |
| 169 | > |
| 170 | <HugeiconsIcon |
| 171 | icon={Tick02Icon} |
| 172 | strokeWidth={2} |
| 173 | className="pointer-events-none" |
| 174 | /> |
| 175 | </ComboboxPrimitive.ItemIndicator> |
| 176 | </ComboboxPrimitive.Item> |
| 177 | ); |
| 178 | } |
| 179 | |
| 180 | function ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props) { |
| 181 | return ( |