Breadcrumb3

1import {
2  Breadcrumb,
3  BreadcrumbItem,
4  BreadcrumbLink,
5  BreadcrumbList,
6  BreadcrumbPage,
7  BreadcrumbSeparator,
8} from "@/ui/breadcrumb";
9import { ArrowLongRight } from "@mynaui/icons-react";
10 
11export default function ArrowSeparator() {
12  return (
13    <Breadcrumb>
14      <BreadcrumbList>
15        <BreadcrumbItem>
16          <BreadcrumbLink href="/">Dashboard</BreadcrumbLink>
17        </BreadcrumbItem>
18        <BreadcrumbSeparator>
19          <ArrowLongRight />
20        </BreadcrumbSeparator>
21        <BreadcrumbItem>
22          <BreadcrumbLink href="/reports">Reports</BreadcrumbLink>
23        </BreadcrumbItem>
24        <BreadcrumbSeparator>
25          <ArrowLongRight />
26        </BreadcrumbSeparator>
27        <BreadcrumbItem>
28          <BreadcrumbPage>Export</BreadcrumbPage>
29        </BreadcrumbItem>
30      </BreadcrumbList>
31    </Breadcrumb>
32  );
33}