'use client';

import { Heading } from '@/ui/Heading';
import { ControlBar } from '@/ui/ControlBar';
import React from 'react';

interface DashboardControlBarProps {
  title: string;
  actions?: React.ReactNode;
}

/**
 * DashboardControlBar
 * 
 * The top header bar for page-level controls and context.
 */
export function DashboardControlBar({ title, actions }: DashboardControlBarProps) {
  return (
    <ControlBar
      leftContent={
        <Heading level={6} weight="bold">
          {title}
        </Heading>
      }
    >
      {actions}
    </ControlBar>
  );
}