'use client'
import * as React from 'react'
import {
Calculator,
Calendar,
CreditCard,
Settings,
Smile,
User,
} from 'lucide-react'
import {Command} from '../..'
export function CommandDialogDemo() {
const [open, setOpen] = React.useState(false)
React.useEffect(() => {
const down = (e: KeyboardEvent) => {
if (e.key === 'j' && (e.metaKey || e.ctrlKey)) {
e.preventDefault()
setOpen((open) => !open)
}
}
document.addEventListener('keydown', down)
return () => document.removeEventListener('keydown', down)
}, [])
return (
<>
Press{' '}
⌘J
No results found.
Calendar
Search Emoji
Calculator
Profile
⌘P
Billing
⌘B
Settings
⌘S
)
}