import { Link } from "@tanstack/react-router";

// ----------------------
// Type Definitions
// ----------------------
type BreadcrumbProps = {
  text: string;
  href: string;
};

// ----------------------
// Main Component
// ----------------------
const HeaderBreadcrumb = ({ text, href }: BreadcrumbProps) => {
  return (
    // =========================================================
    // BREADCRUMB LINK
    // - Displays a single breadcrumb segment
    // - Includes a right border except on the last item
    // =========================================================
    <Link
      to={href}
      className="
        pr-3 text-gray-300 border-r border-byu-mediumGrey last:border-r-0 hover:text-white            
      "
    >
      {text}
    </Link>
  );
};

// ----------------------
// Export Component
// ----------------------
export default HeaderBreadcrumb;