import * as react_jsx_runtime from 'react/jsx-runtime';
import * as React from 'react';
import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-rTRuDt0r.js';
import { O as OptixFlowConfig } from './blocks-BlWXj9GI.js';
import 'class-variance-authority';
import './button-variants-8mtEHxev.js';
import 'class-variance-authority/types';
import '@opensite/hooks/usePlatformFromUrl';

interface ResourceListCourseCardsAuthor {
    /**
     * Author name
     */
    name: React.ReactNode;
    /**
     * Author title/role
     */
    title: React.ReactNode;
    /**
     * Author avatar URL
     */
    avatar: string;
}
interface ResourceListCourseCardsCourse {
    /**
     * Badge text for the course
     */
    badge?: React.ReactNode;
    /**
     * Course title
     */
    title: React.ReactNode;
    /**
     * Course description
     */
    description: React.ReactNode;
    /**
     * Course author information
     */
    author: ResourceListCourseCardsAuthor;
    /**
     * Course image URL
     */
    image: string;
    /**
     * Number of lessons
     */
    lessons: number;
    /**
     * Lessons label (defaults to "Lessons")
     */
    lessonsLabel?: React.ReactNode;
    /**
     * Number of videos
     */
    videos: number;
    /**
     * Videos label (defaults to "Videos")
     */
    videosLabel?: React.ReactNode;
    /**
     * Course duration
     */
    duration: React.ReactNode;
    /**
     * Target audience labels
     */
    audience: React.ReactNode[];
    /**
     * Gradient class for the visual element
     */
    gradient: string;
    /**
     * CTA configuration
     */
    cta: {
        text: React.ReactNode;
        url: string;
    };
    /**
     * Additional CSS classes for the course card
     */
    className?: string;
}
interface ResourceListCourseCardsProps {
    /**
     * Additional CSS classes for the section wrapper
     */
    className?: string;
    /**
     * Array of course configurations
     */
    courses?: ResourceListCourseCardsCourse[];
    /**
     * Custom slot for rendering courses (overrides courses array)
     */
    coursesSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the courses container
     */
    coursesClassName?: string;
    /**
     * Additional CSS classes for each course card
     */
    courseCardClassName?: string;
    /**
     * Additional CSS classes for the course content area
     */
    courseContentClassName?: string;
    /**
     * Additional CSS classes for the course visual area
     */
    courseVisualClassName?: string;
    /**
     * OptixFlow image optimization configuration
     */
    optixFlowConfig?: OptixFlowConfig;
    /**
     * Background style for the section
     */
    background?: SectionBackground;
    /**
     * Vertical spacing for the section
     */
    spacing?: SectionSpacing;
    /**
     * Optional background pattern name or URL
     */
    pattern?: PatternName | undefined;
    /**
     * Pattern overlay opacity (0-1)
     */
    patternOpacity?: number;
    /**
     * Default fallback label for lessons count (defaults to "Lessons")
     */
    defaultLessonsLabel?: string;
    /**
     * Default fallback label for videos count (defaults to "Videos")
     */
    defaultVideosLabel?: string;
}
/**
 * ResourceListCourseCards - A course/training listing with detailed metadata cards
 * featuring author info, lesson counts, video duration, and animated visual elements.
 *
 * Key features:
 * - Course cards with badge, title, description, and author info
 * - Metadata display: audience, lessons count, videos count, duration
 * - Author section with avatar, name, and title
 * - Animated visual element with stacked cards and gradient background
 * - Hover effects on visual elements and CTA links
 * - Responsive two-column layout
 *
 * Ideal for: Online course platforms, training portals, educational resources,
 * tutorial libraries, certification programs, and learning management systems
 * that need to showcase course details with instructor information.
 */
declare function ResourceListCourseCards({ className, courses, coursesSlot, coursesClassName, courseCardClassName, courseContentClassName, courseVisualClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, defaultLessonsLabel, defaultVideosLabel, }: ResourceListCourseCardsProps): react_jsx_runtime.JSX.Element;

export { ResourceListCourseCards, type ResourceListCourseCardsProps };
