import { Breadcrumb } from "lambda-ui-components";
import { Home, User, Settings } from "lucide-react";

const items = [
	{ label: "Home", href: "#", icon: <Home size={14} /> },
	{ label: "Profile", href: "#", icon: <User size={14} /> },
	{ label: "Settings", href: "#", icon: <Settings size={14} /> },
	{ label: "Security", href: "#", icon: <LockIcon size={14} /> },
	{ label: "Password", href: "#", icon: <RectangleEllipsis size={14} /> },
];

export default function App() {
	return (
		<Breadcrumb items={items} variant="chevron" color="primary" />
	);
}