import { default as React } from 'react';
import { SxProps, Theme } from '@mui/material/styles';
/** Represents a single current metric value to display. */
export interface MetricValue {
    metricID: string;
    name: string;
    value: number;
    unit: string;
    icon?: string;
    /** Optional capacity to compute percentage for gauge display */
    capacity?: number;
    /** Optional color for the metric accent */
    color?: string;
}
/** A provider group of metric values. */
export interface MetricProviderGroup {
    providerID: string;
    providerName: string;
    providerIcon?: string;
    metrics: MetricValue[];
}
export interface MetricsSectionProps {
    /** Grouped metric data from providers. */
    providers: MetricProviderGroup[];
    /** Whether data is currently loading. */
    isLoading?: boolean;
    /** Error message, if any. */
    error?: string | null;
    /** Override container styles. */
    sx?: SxProps<Theme>;
}
/**
 * MetricsSection renders metric data from one or more providers.
 * Designed to be dropped into any resource sidebar.
 */
export declare const MetricsSection: React.FC<MetricsSectionProps>;
export default MetricsSection;
