import { TimeType, CategoryType } from '../types';
/**
 * Styled ResponsiveContainer for charts
 * Shared by Barchart and LineTimeSerieChart
 * Ensures tooltip overflow is visible and removes outline
 */
export declare const StyledResponsiveContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("recharts").ResponsiveContainerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
}, never> & Partial<Pick<Omit<import("recharts").ResponsiveContainerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
}, never>>> & string & Omit<import("react").ForwardRefExoticComponent<import("recharts").ResponsiveContainerProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
export declare const TICK_LINE_HEIGHT = 12;
export declare const TICK_BASE_HEIGHT = 30;
interface ChartLoadingOrErrorProps {
    height: number;
}
/**
 * Error state component for charts
 */
export declare const ChartError: ({ height }: ChartLoadingOrErrorProps) => import("react/jsx-runtime").JSX.Element;
/**
 * Loading state component for charts
 */
export declare const ChartLoading: ({ height }: ChartLoadingOrErrorProps) => import("react/jsx-runtime").JSX.Element;
interface ChartHeaderProps {
    title?: string;
    secondaryTitle?: string;
    helpTooltip?: React.ReactNode;
    rightTitle?: React.ReactNode;
    isLoading?: boolean;
}
/**
 * Shared chart header component
 * Used by Barchart and LineTimeSerieChart
 */
export declare const ChartHeader: ({ title, secondaryTitle, helpTooltip, rightTitle, isLoading, }: ChartHeaderProps) => import("react/jsx-runtime").JSX.Element;
interface CustomTickProps {
    x: number | string;
    y: number | string;
    payload: {
        value: number | string;
    };
    visibleTicksCount?: number;
    width?: number | string;
    type: TimeType | CategoryType;
    tickWidthOffset?: number;
}
/**
 * Custom tick component for charts
 * Used by Barchart for time-based x-axis ticks
 */
export declare const CustomTick: ({ x, y, payload, visibleTicksCount, width, type, tickWidthOffset, }: CustomTickProps) => import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=SharedComponents.d.ts.map