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

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

/**
 * TelemetryPanel
 * 
 * A dense, instrument-grade panel for displaying data and controls.
 */
export function TelemetryPanel({ title, children }: TelemetryPanelProps) {
  return (
    <Panel title={title} variant="dark" padding={4}>
      <Text size="sm" variant="med">
        {children}
      </Text>
    </Panel>
  );
}