import { type ReactNode } from 'react';
import { type BoxProps } from '../../shared/primitives/box';
import type { InlineLegalLinksProps } from '../../shared/primitives/legal-links';
import { type BrandingVariant } from '../../shared/ui/branding';
import type { ClassNameStyle } from '../../../types/theme';
declare const ConsentDialogCard: import("react").ForwardRefExoticComponent<{
    /** The content to be rendered inside the consent dialog card */
    children?: ReactNode;
} & ClassNameStyle<Record<string, string | number>> & import("react").RefAttributes<HTMLDivElement>>;
/**
 * The header section of the consent dialog.
 * Should contain the ConsentDialogHeaderTitle and optionally ConsentDialogHeaderDescription.
 *
 * @remarks
 * - Provides semantic structure for accessibility
 * - Should be the first child of ConsentDialogCard
 * - Styled according to the theme configuration
 */
declare const ConsentDialogHeader: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
/**
 * The title component for the consent dialog header.
 * Displays the main heading of the consent management interface.
 *
 * @remarks
 * - Uses proper heading semantics for accessibility
 * - Should be used within ConsentDialogHeader
 * - Supports theme customization
 */
declare const ConsentDialogHeaderTitle: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
/**
 * The description component for the consent dialog header.
 * Provides additional context about privacy settings and consent choices.
 *
 * @remarks
 * - Should be used after ConsentDialogHeaderTitle
 * - Supports theme customization
 * - Important for explaining privacy choices to users
 * - Can include legal links inline with the description
 */
declare const ConsentDialogHeaderDescription: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & {
    legalLinks?: InlineLegalLinksProps["links"];
} & import("react").RefAttributes<HTMLDivElement>>;
/**
 * The main content area of the consent dialog.
 * Contains the consent management interface and privacy controls.
 *
 * @remarks
 * - Typically contains ConsentWidget
 * - Supports custom content and styling
 * - Handles user interactions with privacy settings
 */
declare const ConsentDialogContent: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
/**
 * The footer section of the consent dialog.
 * This contains the branding but can be overidden with a custom footer.
 */
declare const ConsentDialogFooter: import("react").ForwardRefExoticComponent<BoxProps & {
    hideBranding?: boolean;
    'data-testid'?: string;
} & import("react").RefAttributes<HTMLDivElement>>;
type BrandingProps = {
    hideBranding: boolean;
    variant?: BrandingVariant;
    themeKey?: import('../../shared/ui/branding').BrandingThemeKey;
    className?: string;
    'data-testid'?: string;
};
export declare function Branding(props: BrandingProps): import("react/jsx-runtime").JSX.Element;
/**
 * A pre-configured privacy settings card.
 * Combines all consent dialog components with default content for privacy customization.
 *
 * @param {Object} props - Component props
 * @param {boolean} [props.noStyle] - When true, removes default styling
 * @param {LegalLink[]} [props.legalLinks] - Legal document links to display in footer
 * @param {boolean} [props.hideBranding] - Whether to hide the branding in the footer
 *
 * @example
 * ```tsx
 * <ConsentCustomizationCard
 *   noStyle={false}
 *   legalLinks={[{label: "Privacy Policy", href: "/privacy"}]}
 *   hideBranding={false}
 * />
 * ```
 *
 * @remarks
 * - Provides a complete privacy settings interface
 * - Includes consent type management
 * - Built-in accessibility features
 */
declare const ConsentCustomizationCard: ({ noStyle, legalLinks, hideBranding, }: {
    noStyle?: boolean;
    legalLinks?: InlineLegalLinksProps["links"];
    hideBranding?: boolean;
}) => import("react/jsx-runtime").JSX.Element;
declare const Card: import("react").ForwardRefExoticComponent<{
    /** The content to be rendered inside the consent dialog card */
    children?: ReactNode;
} & ClassNameStyle<Record<string, string | number>> & import("react").RefAttributes<HTMLDivElement>>;
declare const Header: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
declare const HeaderTitle: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
declare const HeaderDescription: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & {
    legalLinks?: InlineLegalLinksProps["links"];
} & import("react").RefAttributes<HTMLDivElement>>;
declare const Content: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
declare const Footer: import("react").ForwardRefExoticComponent<BoxProps & {
    hideBranding?: boolean;
    'data-testid'?: string;
} & import("react").RefAttributes<HTMLDivElement>>;
export { Card, ConsentCustomizationCard, ConsentDialogCard, ConsentDialogContent, ConsentDialogFooter, ConsentDialogHeader, ConsentDialogHeaderDescription, ConsentDialogHeaderTitle, Content, Footer, Header, HeaderDescription, HeaderTitle, };