@sikka/hawa/dist/breadcrumb/index.mjs

Modern UI Kit made with Tailwind

"use client";

// elements/breadcrumb/Breadcrumb.tsx
import React from "react";

// util/index.ts
import { clsx } from "clsx";
import { twMerge } from "tailwind-merge";
function cn(...inputs) {
  return twMerge(clsx(inputs));
}

// elements/breadcrumb/Breadcrumb.tsx
var Breadcrumb = ({
  breadcrumbLinks,
  separator = ">",
  size = "normal"
}) => {
  const textStyles = {
    normal: "",
    small: "hawa-text-sm",
    xs: "hawa-text-xs"
  };
  return /* @__PURE__ */ React.createElement(
    "div",
    {
      className: cn(
        "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm",
        textStyles[size]
      )
    },
    breadcrumbLinks.map((singleBreadcrumbLink, index) => /* @__PURE__ */ React.createElement(
      "div",
      {
        key: index,
        className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2"
      },
      /* @__PURE__ */ React.createElement(
        "a",
        {
          href: singleBreadcrumbLink.href,
          className: index + 1 === breadcrumbLinks.length ? "hawa-pointer-events-none" : "hawa-underline-offset-4 hawa-transition-all hover:hawa-text-primary hover:hawa-underline hover:hawa-decoration-2"
        },
        singleBreadcrumbLink.label
      ),
      index != breadcrumbLinks.length - 1 ? typeof separator == "string" ? /* @__PURE__ */ React.createElement("div", null, separator) : /* @__PURE__ */ React.createElement("div", null, separator) : null
    ))
  );
};
export {
  Breadcrumb
};
//# sourceMappingURL=index.mjs.map