"use client"; import { Command as CommandPrimitive } from "cmdk"; import { cn } from "@/lib/utils"; import { Separator } from "@/components/ui/8bit/separator"; import { Command as ShadcnCommand, CommandDialog as ShadcnCommandDialog, CommandEmpty as ShadcnCommandEmpty, CommandGroup as ShadcnCommandGroup, CommandItem as ShadcnCommandItem, CommandList as ShadcnCommandList, CommandSeparator as ShadcnCommandSeparator, CommandShortcut as ShadcnCommandShortcut, } from "@/components/ui/command"; import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "@/components/ui/dialog"; import "./styles/retro.css"; function Command({ className, ...props }: React.ComponentProps) { return (

); } function CommandDialog({ title = "Command Palette", description = "Search for a command to run...", children, ...props }: React.ComponentProps & { title?: string; description?: string; }) { return ( {title} {description} {children} ); } function CommandInput({ className, ...props }: React.ComponentProps) { return (

); } function CommandList({ className, ...props }: React.ComponentProps) { return ( ); } function CommandEmpty({ ...props }: React.ComponentProps) { return ( ); } function CommandGroup({ className, ...props }: React.ComponentProps) { return ( ); } function CommandSeparator({ className, ...props }: React.ComponentProps) { return ( ); } function CommandItem({ className, ...props }: React.ComponentProps) { return ( ); } function CommandShortcut({ className, ...props }: React.ComponentProps<"span">) { return ( ); } export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };

Installation

Files

components

Styles