28 lines
699 B
TypeScript
28 lines
699 B
TypeScript
import React from 'react';
|
|
import { Heading } from '@/ui/Heading';
|
|
import { Stack } from '@/ui/Stack';
|
|
|
|
interface DashboardControlBarProps {
|
|
title: string;
|
|
actions?: React.ReactNode;
|
|
}
|
|
|
|
/**
|
|
* DashboardControlBar
|
|
*
|
|
* The top header bar for page-level controls and context.
|
|
* Uses UI primitives to comply with architectural constraints.
|
|
*/
|
|
export function DashboardControlBar({ title, actions }: DashboardControlBarProps) {
|
|
return (
|
|
<Stack direction="row" h="full" align="center" justify="between" px={6}>
|
|
<Heading level={6} weight="bold">
|
|
{title}
|
|
</Heading>
|
|
<Stack direction="row" align="center" gap={4}>
|
|
{actions}
|
|
</Stack>
|
|
</Stack>
|
|
);
|
|
}
|