import * as React from "react";
import { Breadcrumb } from "spaceweb/breadcrumb";
import { BreadcrumbItem } from "spaceweb/breadcrumbItem";

export default () => {
  return (
    <Breadcrumb>
      <BreadcrumbItem>Link1</BreadcrumbItem>
      <BreadcrumbItem>Link2</BreadcrumbItem>
      <BreadcrumbItem>Link3</BreadcrumbItem>
    </Breadcrumb>
  );
}

import * as React from "react";
import { BreadcrumbItem } from "spaceweb/breadcrumbItem";

export default () => {
  return (
    <BreadcrumbItem
      onClick={(e, index) =>
        alert(`${index + 1} link clicked`)
      }
      href="https://frontend.sprinklr.com/spaceweb"
    >
      <div> Hello </div>
    </BreadcrumbItem>
  );
}