import type { ReactNode } from "react";
import type { MetabolicTriadCategoryPanelRangeBarProps } from "./types";
export declare function ValueBadge({ value, variant, className, }: {
    value: string | undefined;
    variant?: "default" | "total";
    className?: string;
}): import("react/jsx-runtime").JSX.Element;
export declare function CategoryPanelFrame({ children, trendColor, }: {
    children: ReactNode;
    trendColor?: string;
}): import("react/jsx-runtime").JSX.Element;
export declare function CategoryPanelTitleHeader({ title, titleAccessory, trailingInfo, trendColor, headerBackground, }: {
    title: string;
    titleAccessory?: ReactNode;
    trailingInfo?: ReactNode;
    trendColor?: string;
    headerBackground?: string;
}): import("react/jsx-runtime").JSX.Element;
export declare function InfoHeaderButton({ ariaLabel, tooltip, onClick, }: {
    ariaLabel: string;
    tooltip: ReactNode;
    onClick?: () => void;
}): import("react/jsx-runtime").JSX.Element;
export declare function CategoryPanelRangeBar({ segments, indicatorPercent, indicatorPosition, }: MetabolicTriadCategoryPanelRangeBarProps): import("react/jsx-runtime").JSX.Element;
