import React from 'react';

interface BreadcrumbBarProps {
  children: React.ReactNode;
  className?: string;
}

/**
 * BreadcrumbBar is a container for breadcrumbs, typically placed at the top of the ContentShell.
 */
export function BreadcrumbBar({ children, className = '' }: BreadcrumbBarProps) {
  return (
    <div className={`mb-6 flex items-center space-x-2 text-sm ${className}`}>
      {children}
    </div>
  );
}