Dock Morph

import DockMorph from "@/components/ruixen/dock-morph";
import { Home, Search, Bell, User, Settings } from "lucide-react";
 
const dockItems = [
  {
    icon: <Home className="h-6 w-6" />,
    label: "Home",
    onClick: () => alert("Home clicked"),
  },
  {
    icon: <Search className="h-6 w-6" />,
    label: "Search",
    onClick: () => alert("Search clicked"),
  },
  {
    icon: <Bell className="h-6 w-6" />,
    label: "Notifications",
    onClick: () => alert("Notifications clicked"),
  },
  {
    icon: <User className="h-6 w-6" />,
    label: "Profile",
    onClick: () => alert("Profile clicked"),
  },
  {
    icon: <Settings className="h-6 w-6" />,
    label: "Settings",
    onClick: () => alert("Settings clicked"),
  },
];
 
export default function App() {
  return <DockMorph items={dockItems} position="bottom" />;
}