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").StyledComponent<import("react").ForwardRefExoticComponent<import("recharts").ResponsiveContainerProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
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;
    };
    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