chore(js-ts): Add missing TypeScript files for breadcrumbs components

Co-Authored-By: Joseph Gross <joseph@cognition.ai>

Author: devin-ai-integration[bot]

src/elements/common/breadcrumbs/Breadcrumb.tsx

@@ -0,0 +1,36 @@
+/**
+ * @file Clickable breadcrumb component
+ * @author Box
+ */
+
+import * as React from 'react';
+import { TextButton } from '@box/blueprint-web';
+import BreadcrumbDelimiter from './BreadcrumbDelimiter';
+import { Delimiter } from '../../../common/types/core';
+
+import './Breadcrumb.scss';
+
+interface Props {
+    delimiter?: Delimiter;
+    isLast?: boolean;
+    name: string;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+}
+
+const Breadcrumb = ({ name = '', onClick, isLast, delimiter }: Props) => {
+    const title = onClick ? (
+        <TextButton className="bdl-Breadcrumb-title" inheritFont onClick={onClick}>
+            {name}
+        </TextButton>
+    ) : (
+        <div className="bdl-Breadcrumb-title">{name}</div>
+    );
+    return (
+        <span className="be-breadcrumb">
+            {title}
+            {isLast ? null : <BreadcrumbDelimiter delimiter={delimiter} />}
+        </span>
+    );
+};
+
+export default Breadcrumb;

src/elements/common/breadcrumbs/BreadcrumbDelimiter.tsx

@@ -0,0 +1,29 @@
+/**
+ * @file Clickable breadcrumb component
+ * @author Box
+ */
+
+import * as React from 'react';
+import { PointerChevronRight } from '@box/blueprint-web-assets/icons/Fill';
+import { Gray50, Size3 } from '@box/blueprint-web-assets/tokens/tokens';
+import { Delimiter } from '../../../common/types/core';
+import { DELIMITER_CARET } from '../../../constants';
+
+interface Props {
+    delimiter?: Delimiter;
+}
+
+const BreadcrumbDelimiter = ({ delimiter }: Props) =>
+    delimiter === DELIMITER_CARET ? (
+        <PointerChevronRight
+            className="be-breadcrumb-seperator"
+            color={Gray50}
+            height={Size3}
+            role="presentation"
+            width={Size3}
+        />
+    ) : (
+        <span>/</span>
+    );
+
+export default BreadcrumbDelimiter;