'use client'; import * as React from 'react'; import { RiArrowDownLine, RiArrowRightSLine, RiArrowRightUpLine, RiArrowUpLine, RiCornerDownLeftLine, RiSearch2Line, } from '@remixicon/react'; import * as Avatar from './components/ui/avatar'; import * as Button from './components/ui/button'; import * as CommandMenu from './components/ui/command-menu'; import * as CompactButton from './components/ui/compact-button'; import * as Kbd from './components/ui/kbd'; import * as LinkButton from './components/ui/link-button'; import { cn } from './utils/cn'; function VerticalDivider({ className }: { className?: string }) { return (

); } function HorizontalDivider({ className }: { className?: string }) { return (

); } export default function BlockCommandMenu() { const [open, setOpen] = React.useState(true); const categories = [ 'Onboarding', 'Reviews', 'Hiring', 'Benefits', 'Learning', ]; const tools = [ { title: 'Monday.com', icon: 'https://alignui.com/images/major-brands/monday.svg', }, { title: 'Loom', icon: 'https://alignui.com/images/major-brands/loom.svg' }, { title: 'Asana', icon: 'https://alignui.com/images/major-brands/asana.svg', }, ]; const employees = [ { name: 'James Brown', avatar: 'https://alignui.com/images/avatar/illustration/james.png', }, { name: 'Sophia Williams', avatar: 'https://alignui.com/images/avatar/illustration/sophia.png', }, { name: 'Laura Perez', avatar: 'https://alignui.com/images/avatar/illustration/laura.png', }, ]; const teams = [ { name: 'Aurora Solutions', icon: 'https://alignui.com/images/logo/aurora.svg', }, { name: 'Pulse Medical', icon: 'https://alignui.com/images/logo/pulse.svg', }, { name: 'Synergy HR', icon: 'https://alignui.com/images/logo/synergy.svg', }, ]; const locations = [ { country: 'United States', flag: 'https://alignui.com/flags/US.svg', }, { country: 'Spain', flag: 'https://alignui.com/flags/ES.svg', }, { country: 'Italy', flag: 'https://alignui.com/flags/IT.svg', }, ]; return ( <> setOpen(true)} > Open Command Menu {/* Search Input */}

⌘K

{/* Recent Categories */}

Recent

{categories.map((category) => ( {category} ))}

{/* Tools & Apps ve Employees */}

Tools & Apps

{tools.map((tool) => ( ))}

Employees

{employees.map((employee) => ( ))}

Teams

{teams.map((team) => ( ))}

Locations

{locations.map((location) => ( ))}

{/* Footer */}

Navigate

Select

Any problem? Contact

); }