renamed breadcrumb to breadcrumbs

src/components/breadcrumbs/breadcrumb-arrow.tsx → src/components/breadcrumbs/breadcrumbs-arrow.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { ChevronRightIcon } from "../../icons";
 
-export const BreadcrumbArrow = () => {
+export const BreadcrumbsArrow = () => {
     return <ChevronRightIcon className="h-3 w-3 text-neutral-800" />;
 };

src/components/breadcrumbs/breadcrumb-item.tsx → src/components/breadcrumbs/breadcrumbs-item.tsx

@@ -8,7 +8,7 @@ interface BreadcrumbItemProps {
     active?: boolean;
 }
 
-export const BreadcrumbItem: React.FC<BreadcrumbItemProps> = ({
+export const BreadcrumbsItem: React.FC<BreadcrumbItemProps> = ({
     children,
     className,
     href,

src/components/breadcrumbs/breadcrumbs.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import { BreadcrumbItem } from "./breadcrumb-item";
-import { BreadcrumbArrow } from "./breadcrumb-arrow";
+import { BreadcrumbsItem } from "./breadcrumbs-item";
+import { BreadcrumbsArrow } from "./breadcrumbs-arrow";
 
 export interface BreadcrumbsProps {
     children: React.ReactNode;
@@ -14,7 +14,7 @@ const Breadcrumbs = ({ children }: BreadcrumbsProps) => {
     );
 };
 
-Breadcrumbs.Item = BreadcrumbItem;
-Breadcrumbs.Arrow = BreadcrumbArrow;
+Breadcrumbs.Item = BreadcrumbsItem;
+Breadcrumbs.Arrow = BreadcrumbsArrow;
 
 export { Breadcrumbs };