import { CSSProperties, ReactNode } from 'react';
import { ChartVariant } from './setup';
/**
 * Marco de las gráficas. Úsalo directamente para gráficas propias que quieran la misma
 * cabecera, carga y estado vacío.
 *
 * @example
 * <ChartCard title="Mi gráfica" loading={isFetching} empty={!rows.length}>
 *   <Line data={...} />
 * </ChartCard>
 */
export interface ChartCardProps {
    title: string;
    /** texto de ayuda en un icono ⓘ junto al título */
    infoTooltip?: string;
    /** controles a la derecha del título (toggles, selectores…) */
    actions?: ReactNode;
    /** fila centrada bajo la cabecera, para un segundo control */
    toolbar?: ReactNode;
    loading?: boolean;
    empty?: boolean;
    emptyTitle?: string;
    emptyText?: string;
    /** `panel`: título 16 px, radio 16 y padding compacto; también ajusta la leyenda */
    variant?: ChartVariant;
    className?: string;
    style?: CSSProperties;
    children?: ReactNode;
}
/** marco común de las gráficas: cabecera, carga y estado vacío */
export declare const ChartCard: ({ title, infoTooltip, actions, toolbar, loading, empty, emptyTitle, emptyText, variant, className, style, children, }: ChartCardProps) => import("react/jsx-runtime").JSX.Element;