import * as React from "react";
export interface SupportCardProps extends React.HTMLAttributes<HTMLDivElement> {
    icon: React.ReactNode;
    title: string;
    description?: string;
    iconBackground?: string;
    iconColor?: string;
    badge?: React.ReactNode;
    customStyles?: {
        root?: React.CSSProperties;
        icon?: React.CSSProperties;
        title?: React.CSSProperties;
        description?: React.CSSProperties;
    };
}
/**
 * SupportCard component for support options
 *
 * Used in:
 * - Help center
 * - Support pages
 * - Contact options
 *
 * @example
 * ```tsx
 * <SupportCard
 *   icon={<VideoIcon />}
 *   title="Tutorial Videos"
 *   description="Lorem ipsum dolor sit amet consectetur. Orci amet massa aliquam"
 *   onClick={() => navigate('/tutorials')}
 * />
 * ```
 */
export declare const SupportCard: React.ForwardRefExoticComponent<SupportCardProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=support-card.d.ts.map