import React from 'react';
import { Panel } from '@/ui/Panel';
import { Stack } from '@/ui/Stack';

interface TelemetryPanelProps {
  title: string;
  children: React.ReactNode;
}

/**
 * TelemetryPanel
 * 
 * A dense, instrument-grade panel for displaying data and controls.
 * Uses UI primitives to comply with architectural constraints.
 */
export function TelemetryPanel({ title, children }: TelemetryPanelProps) {
  return (
    <Panel title={title} variant="dark" padding={4}>
      <Stack fontSize="sm">
        {children}
      </Stack>
    </Panel>
  );
}
