import { InvoicingDashboardSummary } from '@zeniai/client-epic-state';
export interface CustomerMovementPanelProps {
    /** Customer churn rate (0–1), typically `kpis.churnRate`. */
    churnRate?: number;
    /** Dashboard summary holding the `customerMovement` breakdown. */
    summary?: InvoicingDashboardSummary;
}
/**
 * Overview "Customer Movement" panel — status-transition pills plus the
 * net-change / total-active / churn-rate summary rows. Extracted from
 * InvoicingOverviewPage so the page composes panels instead of inlining them.
 */
export declare function CustomerMovementPanel({ summary, churnRate, }: Readonly<CustomerMovementPanelProps>): import("react/jsx-runtime").JSX.Element;
export default CustomerMovementPanel;
export declare const PanelTitle: import('@emotion/styled').StyledComponent<{
    theme?: import('@emotion/react').Theme;
    as?: React.ElementType;
} & import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & {
    theme?: import('@emotion/react').Theme;
}, {}, {}>;
export declare const PanelSubTitle: import('@emotion/styled').StyledComponent<{
    theme?: import('@emotion/react').Theme;
    as?: React.ElementType;
} & import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & {
    theme?: import('@emotion/react').Theme;
}, {}, {}>;
export declare const MutedLabel: import('@emotion/styled').StyledComponent<{
    theme?: import('@emotion/react').Theme;
    as?: React.ElementType;
} & import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & {
    theme?: import('@emotion/react').Theme;
}, {}, {}>;
export declare const StandardMediumValue: import('@emotion/styled').StyledComponent<{
    theme?: import('@emotion/react').Theme;
    as?: React.ElementType;
} & import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & {
    theme?: import('@emotion/react').Theme;
}, {}, {}>;
export declare const Row: import('@emotion/styled').StyledComponent<{
    theme?: import('@emotion/react').Theme;
    as?: React.ElementType;
}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;