21 lines
520 B
TypeScript
21 lines
520 B
TypeScript
import React from 'react';
|
|
|
|
interface AppHeaderProps {
|
|
children: React.ReactNode;
|
|
className?: string;
|
|
}
|
|
|
|
/**
|
|
* AppHeader is the top control bar of the application.
|
|
* It follows the "Telemetry Workspace" structure.
|
|
*/
|
|
export function AppHeader({ children, className = '' }: AppHeaderProps) {
|
|
return (
|
|
<header
|
|
className={`sticky top-0 z-50 h-16 md:h-20 bg-[#0C0D0F]/80 backdrop-blur-md border-b border-[#23272B] flex items-center px-4 md:px-6 ${className}`}
|
|
>
|
|
{children}
|
|
</header>
|
|
);
|
|
}
|