/** @format */
import { Course } from '../../store/useCourseStore';
type CourseItemProps = {
    course: Course;
    isSelected?: boolean;
    isInactive?: boolean;
    onSelect: (course: Course) => void;
    displayMode?: 'course' | 'instance' | 'instanceList';
};
/**
 * Course item component for displaying individual course cards.
 *
 * @version 2.1.0
 * @updates
 * - Completely redesigned with new card-based layout
 * - Added support for inactive course states
 * - Enhanced display modes (course/instance/instanceList)
 * - Added transition animations and hover effects
 * - Improved accessibility with better contrast and focus states
 *
 * @component
 * @param {CourseItemProps} props
 */
declare const CourseItem: ({ course, isSelected, isInactive, onSelect, displayMode, }: CourseItemProps) => import("react/jsx-runtime").JSX.Element;
export default CourseItem;