import { type ComponentType, type ReactNode } from 'react';
import type { HeadlessConsentSurfaceState } from '../../hooks/use-headless-consent-ui';
import type { CSSPropertiesWithVars, CSSVariables } from '../../types/theme';
export interface PolicyActionRenderProps<TAction extends string> {
    key: string;
    consentAction: TAction;
    isPrimary: boolean;
    style?: CSSPropertiesWithVars<CSSVariables>;
}
interface PolicyActionsLayoutProps {
    children?: ReactNode;
    className?: string;
}
interface PolicyActionsClassNames {
    footerFill?: string;
    footerColumn?: string;
    footerSubGroupFill?: string;
    footerSubGroupColumn?: string;
}
interface PolicyActionsRendererProps<TAction extends string> {
    state: Pick<HeadlessConsentSurfaceState<TAction>, 'actionGroups' | 'primaryActions' | 'shouldFillActions' | 'direction'>;
    Footer: ComponentType<PolicyActionsLayoutProps>;
    FooterSubGroup: ComponentType<PolicyActionsLayoutProps>;
    classNames: PolicyActionsClassNames;
    renderDefaultAction: (action: TAction, props: PolicyActionRenderProps<TAction>) => ReactNode;
    renderAction?: (action: TAction, props: PolicyActionRenderProps<TAction>) => ReactNode;
}
export declare function PolicyActionsRenderer<TAction extends string>({ state, Footer, FooterSubGroup, classNames, renderDefaultAction, renderAction, }: PolicyActionsRendererProps<TAction>): import("react/jsx-runtime").JSX.Element;
export {};