| 42 | }; |
| 43 | |
| 44 | export const CommandInput = (props: VoidProps<CommandInputProps>) => { |
| 45 | const [local, rest] = splitProps(props, ["class"]); |
| 46 | |
| 47 | return ( |
| 48 | <div class="flex items-center border-b px-3" cmdk-input-wrapper=""> |
| 49 | <svg |
| 50 | xmlns="http://www.w3.org/2000/svg" |
| 51 | viewBox="0 0 24 24" |
| 52 | class="mr-2 h-4 w-4 shrink-0 opacity-50" |
| 53 | > |
| 54 | <path |
| 55 | fill="none" |
| 56 | stroke="currentColor" |
| 57 | strokeLinecap="round" |
| 58 | strokeLinejoin="round" |
| 59 | strokeWidth="2" |
| 60 | d="M3 10a7 7 0 1 0 14 0a7 7 0 1 0-14 0m18 11l-6-6" |
| 61 | /> |
| 62 | <title>Search</title> |
| 63 | </svg> |
| 64 | <CommandPrimitive.Input |
| 65 | class={cn( |
| 66 | "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50", |
| 67 | local.class, |
| 68 | )} |
| 69 | {...rest} |
| 70 | /> |
| 71 | </div> |
| 72 | ); |
| 73 | }; |
| 74 | |
| 75 | export const CommandItem = (props: CommandItemProps) => { |
| 76 | const [local, rest] = splitProps(props, ["class"]); |