Command

1"use client"
2 
3import * as React from "react"
4import {
5  Command as BaseCommand,
6  CommandDialog,
7  CommandEmpty,
8  CommandGroup,
9  CommandInput,
10  CommandItem,
11  CommandList,
12  CommandSeparator,
13  CommandShortcut,
14} from "@/components/ui/command"
15import { cn } from "@/lib/utils"
16 
17export interface CommandProps extends React.ComponentProps<typeof BaseCommand> {
18  glow?: boolean
19}
20 
21/**
22 * Glass UI Command - Enhanced command menu with glassy effects
23 */
24export const Command = React.forwardRef<
25  React.ElementRef<typeof BaseCommand>,
26  CommandProps
27>(({ className, variant = "glass", glow = false, ...props }, ref) => {
28  return (
29    <BaseCommand
30      ref={ref}
31      variant={variant}
32      className={cn(
33        glow && "shadow-lg shadow-purple-500/20",
34        className
35      )}
36      {...props}
37    />
38  )
39})
40Command.displayName = "Command"
41 
42export {
43  CommandDialog,
44  CommandInput,
45  CommandList,
46  CommandEmpty,
47  CommandGroup,
48  CommandItem,
49  CommandShortcut,
50  CommandSeparator,
51}
52