import * as React from 'react';

interface ContactHelpCenterItem {
    /**
     * Card title
     */
    title: string;
    /**
     * Supporting description text
     */
    subtitle?: string;
    /**
     * Icon name for the card
     */
    icon: string;
    /**
     * Optional link destination
     */
    href?: string;
}
interface ContactHelpCenterProps {
    /**
     * Eyebrow label above the heading
     */
    eyebrow?: string;
    /**
     * Heading text for the left column
     */
    heading?: string;
    /**
     * Description text for the left column
     */
    description?: string;
    /**
     * Title for the contact card list
     */
    cardTitle?: string;
    /**
     * Contact items to display
     */
    contactItems?: ContactHelpCenterItem[];
    /**
     * Additional CSS classes for the section wrapper
     */
    className?: string;
}
/**
 * ContactHelpCenter - Split layout with help copy on the left and
 * a contact card stack on the right. Works well for service centers,
 * support hubs, and onboarding touchpoints.
 */
declare function ContactHelpCenter({ eyebrow, heading, description, cardTitle, contactItems, className, }: ContactHelpCenterProps): React.JSX.Element;

export { ContactHelpCenter, type ContactHelpCenterProps };
