import { HeadingTags } from '@codecademy/gamut';
import { Colors } from '@codecademy/gamut-styles';
import React from 'react';
import { CourseDifficulty, EnrollmentStatus } from './types';
export type ContentGroupBaseCardProps = {
    headerBackgroundColor: Colors;
    headerText: string;
    title: string;
    headingLevel?: HeadingTags;
    description?: string | null;
    difficulty?: CourseDifficulty | null;
    numLessons: number;
    imageSrc?: string;
    isFullSize?: boolean;
    shadow?: 'none' | 'outline';
    enrollmentStatus?: EnrollmentStatus;
    timeToComplete?: number | null;
    brandDetails?: {
        name: string;
        logoUrl: string;
        logoHeight: number;
    };
    children?: React.ReactNode;
    header?: React.ReactNode;
    footer?: React.ReactNode;
    openInNewTab?: boolean;
    href: string;
    onClick: () => void;
};
export declare const ContentGroupBaseCardHeaderBackground: import("@emotion/styled").StyledComponent<Omit<import("@codecademy/gamut-styles").BackgroundProps, "ref"> & React.RefAttributes<HTMLDivElement> & {
    theme?: import("@emotion/react").Theme;
}, {}, {}>;
export declare const ContentGroupBaseCard: React.ForwardRefExoticComponent<ContentGroupBaseCardProps & React.RefAttributes<HTMLAnchorElement>>;