@igamingcareer/igaming-components 1.1.21 → 1.1.22

package/dist/types/src/components/GenericListing/SidebarFilter.d.ts

@@ -0,0 +1,31 @@
+import type React from "react";
+interface FilterOption {
+    label: string;
+    value: string;
+}
+export interface JobFilters {
+    jobTypes: string[];
+    experienceLevels: string[];
+    country: string;
+    city: string;
+    location: string;
+    minSalary: string;
+    maxSalary: string;
+    industry: string;
+    [key: string]: string | string[];
+}
+interface FilterConfig {
+    type: "checkbox" | "dropdown" | "search" | "multiselect";
+    options?: FilterOption[];
+    label: string;
+}
+interface SidebarFilterProps {
+    filters: JobFilters;
+    onFilterChange: (filters: JobFilters) => void;
+    onReset: () => void;
+    filterConfig?: Record<string, FilterConfig>;
+    isMobile?: boolean;
+    onClose?: () => void;
+}
+declare const SidebarFilter: React.FC<SidebarFilterProps>;
+export default SidebarFilter;

package/dist/types/src/components/GenericListing/SidebarFilters.d.ts

@@ -0,0 +1,12 @@
+import type React from "react";
+import { JobFilters } from "../../components/GenericListing/SidebarFilter";
+export type JobType = "full-time" | "part-time" | "contract";
+export type ExperienceLevel = "entry" | "mid" | "senior";
+interface SidebarFiltersProps {
+    filters: JobFilters;
+    onFilterChange: (filters: JobFilters) => void;
+    onReset: () => void;
+    className?: string;
+}
+declare const SidebarFilters: React.FC<SidebarFiltersProps>;
+export default SidebarFilters;

package/dist/types/src/components/GenericListing/accessControl.d.ts

@@ -0,0 +1,22 @@
+export type ListingAccessStatus = "not_registered" | "freemium" | "premium";
+export interface ListingAccessControl {
+    status?: ListingAccessStatus;
+    registered?: boolean;
+    allowSaving?: boolean;
+    maskExternalLinks?: boolean;
+    blurCompanyTitle?: boolean;
+    notHrefJobsLink?: boolean;
+    note?: string;
+}
+interface ResolvedListingAccessControl {
+    status: ListingAccessStatus;
+    registered: boolean;
+    allowSaving: boolean;
+    maskExternalLinks: boolean;
+    blurCompanyTitle: boolean;
+    notHrefJobsLink: boolean;
+    note?: string;
+}
+export declare const resolveListingAccess: (access?: ListingAccessControl) => ResolvedListingAccessControl;
+export declare const listingAccessLabels: Record<ListingAccessStatus, string>;
+export type { ResolvedListingAccessControl };

package/dist/types/src/components/GenericListing/generateMockJobs.d.ts

@@ -0,0 +1,2 @@
+declare const generateMockData: (count: number) => Job[];
+export default generateMockData;

package/dist/types/src/components/GenericListing/useJobDataHook.d.ts

@@ -0,0 +1,5 @@
+export declare const useJobData: (apiUrl: string) => {
+    jobs: Job[];
+    loading: boolean;
+    error: string | null;
+};

package/dist/types/src/components/GenericListing/useLocalStorageState.d.ts

@@ -0,0 +1 @@
+export declare const useLocalStorageState: <T>(key: string, initialValue: T) => [T, React.Dispatch<React.SetStateAction<T>>];

package/dist/types/src/components/Header/Header.d.ts

@@ -0,0 +1,2 @@
+declare const Header: () => import("react/jsx-runtime").JSX.Element;
+export default Header;

package/dist/types/src/components/Header/HeaderAlternative.d.ts

@@ -0,0 +1,13 @@
+interface NavItem {
+    label: string;
+    href: string;
+}
+interface HeaderProps {
+    logo: {
+        text: string;
+        initials: string;
+    };
+    navItems: NavItem[];
+}
+export default function Header({ logo, navItems }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/components/HomePage/Advantages.d.ts

@@ -0,0 +1,15 @@
+import * as Icons from "lucide-react";
+interface Advantage {
+    icon: keyof typeof Icons | string;
+    title: string;
+    description: string;
+    ctaText?: string;
+    ctaLink?: string;
+}
+interface AdvantagesProps {
+    advantages: Advantage[];
+    title: string;
+    description: string;
+}
+export default function Advantages({ advantages, title, description }: AdvantagesProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/components/HomePage/Cart.d.ts

@@ -0,0 +1,12 @@
+interface CartProps {
+    title?: string;
+    emptyMessage?: string;
+    totalLabel?: string;
+    checkoutButtonLabel?: string;
+    currencySymbol?: string;
+    floatingButtonAriaLabel?: string;
+    onCheckout?: () => void;
+    onToggleCart?: (isOpen: boolean) => void;
+}
+export default function Cart({ title, emptyMessage, totalLabel, checkoutButtonLabel, currencySymbol, floatingButtonAriaLabel, onCheckout, onToggleCart, }: CartProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/components/HomePage/Chatbot.d.ts

@@ -0,0 +1,6 @@
+import { Message } from "../../types/general";
+interface ChatbotProps {
+    initialMessages: Message[];
+}
+export default function Chatbot({ initialMessages }: ChatbotProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/components/HomePage/Contact.d.ts

@@ -0,0 +1,22 @@
+interface ContactProps {
+    title?: string;
+    description?: string;
+    nameLabel?: string;
+    emailLabel?: string;
+    messageLabel?: string;
+    namePlaceholder?: string;
+    emailPlaceholder?: string;
+    messagePlaceholder?: string;
+    submitButtonLabel?: string;
+    contactEmail?: string;
+    contactPhone?: string;
+    contactMessage?: string;
+    onSubmit?: (data: {
+        name: string;
+        email: string;
+        message: string;
+    }) => void;
+    showContactDetails?: boolean;
+}
+export default function Contact({ title, description, nameLabel, emailLabel, messageLabel, namePlaceholder, emailPlaceholder, messagePlaceholder, submitButtonLabel, contactEmail, contactPhone, contactMessage, onSubmit, showContactDetails, }: ContactProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/components/HomePage/CourseTypes.d.ts

@@ -0,0 +1,26 @@
+import * as Icons from "lucide-react";
+type Feature = {
+    icon: keyof typeof Icons | string;
+    text: string;
+};
+type Course = {
+    title: string;
+    rating: number;
+    reviews: number;
+    pricePerWeek: number;
+    description: string;
+    features: Feature[];
+    ctaLink?: string;
+    ctaText?: string;
+};
+type CourseTypesProps = {
+    courses: Course[];
+    title?: string;
+    description?: string;
+    priceLabel?: string;
+    currencySymbol?: string;
+    perDurationLabel?: string;
+    reviewsText?: string;
+};
+export default function CourseTypes({ courses, title, description, priceLabel, currencySymbol, perDurationLabel, reviewsText }: CourseTypesProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/components/HomePage/Courses.d.ts

@@ -0,0 +1,16 @@
+interface Course {
+    id: string;
+    title: string;
+    description: string;
+    price: number;
+    duration: string;
+    type: string;
+    level: string;
+}
+interface CoursesProps {
+    courses: Course[];
+    title: string;
+    description: string;
+}
+export default function Courses({ courses, title, description }: CoursesProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/components/HomePage/Destinations.d.ts

@@ -0,0 +1,12 @@
+interface Destination {
+    name: string;
+    description: string;
+    image: string;
+}
+interface DestinationsProps {
+    destinations: Destination[];
+    title: string;
+    description: string;
+}
+export default function Destinations({ destinations, title, description }: DestinationsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/components/HomePage/FAQ.d.ts

@@ -0,0 +1,11 @@
+type FAQItem = {
+    question: string;
+    answer: string;
+};
+type FAQProps = {
+    faqs: FAQItem[];
+    title: string;
+    description: string;
+};
+export default function FAQ({ faqs, title, description }: FAQProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/components/HomePage/FeatureJobs.d.ts

@@ -0,0 +1,19 @@
+import type React from "react";
+interface Job {
+    id: string;
+    title: string;
+    company: string;
+    companyLogo: string;
+    location: string;
+    salary: string;
+}
+interface FeaturedJobsProps {
+    title: string;
+    icon?: React.ReactNode;
+    jobs?: Job[];
+    viewAllText: string;
+    viewAllHref: string;
+    apiUrl?: string;
+}
+export default function HeroAlternative({ title, icon, jobs: initialJobs, viewAllText, viewAllHref, apiUrl }: FeaturedJobsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/components/HomePage/Features.d.ts

@@ -0,0 +1,13 @@
+interface Feature {
+    title: string;
+    description: string;
+    image: string;
+    imageAlt?: string;
+}
+interface FeaturesProps {
+    features: Feature[];
+    title: string;
+    description: string;
+}
+export default function Features({ features, title, description }: FeaturesProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/components/HomePage/ForEmployers.d.ts

@@ -0,0 +1,10 @@
+interface ForEmployersProps {
+    title: string;
+    description: string;
+    primaryButtonText: string;
+    primaryButtonHref: string;
+    secondaryButtonText: string;
+    secondaryButtonHref: string;
+}
+export default function ForEmployers({ title, description, primaryButtonText, primaryButtonHref, secondaryButtonText, secondaryButtonHref, }: ForEmployersProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/components/HomePage/Gallery.d.ts

@@ -0,0 +1,13 @@
+interface GalleryImage {
+    url: string;
+    alt: string;
+    caption?: string;
+}
+interface GalleryProps {
+    images: GalleryImage[];
+    title: string;
+    description: string;
+    autoPlayInterval?: number;
+}
+export default function Gallery({ images, title, description, autoPlayInterval }: GalleryProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/components/HomePage/Hero.d.ts

@@ -0,0 +1,11 @@
+interface HeroProps {
+    title: string;
+    subtitle: string;
+    bg_img: string;
+    main_btn_text?: string;
+    main_btn_link?: string;
+    secondary_btn_text?: string;
+    secondary_btn_link?: string;
+}
+export default function Hero({ title, subtitle, bg_img, main_btn_text, main_btn_link, secondary_btn_text, secondary_btn_link }: HeroProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/components/HomePage/HeroAlternative.d.ts

@@ -0,0 +1,11 @@
+interface HeroProps {
+    title: string;
+    subtitle: string;
+    backgroundImage?: string;
+    primaryButtonText: string;
+    secondaryButtonText: string;
+    primaryButtonLink?: string;
+    secondaryButtonLink?: string;
+}
+export default function HeroAlternative({ title, subtitle, backgroundImage, primaryButtonText, primaryButtonLink, secondaryButtonText, secondaryButtonLink, }: HeroProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/components/HomePage/HeroSection.d.ts

@@ -0,0 +1,2 @@
+declare const HeroSection: () => import("react/jsx-runtime").JSX.Element;
+export default HeroSection;

package/dist/types/src/components/HomePage/HomePage.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const HomePage: React.FC;
+export default HomePage;

package/dist/types/src/components/HomePage/IgamingCareerHome.d.ts

@@ -0,0 +1,33 @@
+import type React from "react";
+import HeroAlternative from "./HeroAlternative";
+import ValueProposition from "./ValueProposition";
+import TrustSignals from "./TrustSignals";
+import { type NewsletterSubscribePayload, type NewsletterV2Props } from "./NewsletterV2";
+import JobSearchWidget from "./JobsSearchWidget";
+import ForEmployers from "./ForEmployers";
+import Header from "../Header/HeaderAlternative";
+import Footer from "../Footer/Footer";
+import { type ConsentBannerProps } from "../Consent/ConsentBanner";
+export interface IgamingCareerHomeProps {
+    headerData?: Partial<React.ComponentProps<typeof Header>>;
+    heroData?: Partial<React.ComponentProps<typeof HeroAlternative>>;
+    valuePropositionData?: Partial<React.ComponentProps<typeof ValueProposition>>;
+    jobSearchData?: Partial<React.ComponentProps<typeof JobSearchWidget>>;
+    trustSignalsData?: Partial<React.ComponentProps<typeof TrustSignals>>;
+    newsletterData?: Partial<NewsletterV2Props>;
+    onNewsletterSubscribe?: (payload: NewsletterSubscribePayload) => void | Promise<void>;
+    onNewsletterManageAlerts?: () => void;
+    onNewsletterSignInRequired?: () => void;
+    forEmployersData?: Partial<React.ComponentProps<typeof ForEmployers>>;
+    footerData?: Partial<React.ComponentProps<typeof Footer>>;
+    showValueProposition?: boolean;
+    showJobSearchWidget?: boolean;
+    showTrustSignals?: boolean;
+    showPartners?: boolean;
+    showNewsletter?: boolean;
+    showForEmployers?: boolean;
+    showConsentBanner?: boolean;
+    consentNotificationUrl?: string;
+    consentBannerProps?: ConsentBannerProps;
+}
+export default function Home({ headerData, heroData, valuePropositionData, jobSearchData, trustSignalsData, newsletterData, onNewsletterSubscribe, onNewsletterManageAlerts, onNewsletterSignInRequired, forEmployersData, footerData, showValueProposition, showJobSearchWidget, showTrustSignals, showPartners, showNewsletter, showForEmployers, showConsentBanner, consentNotificationUrl, consentBannerProps, }: IgamingCareerHomeProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/components/HomePage/ImageSlider.d.ts

@@ -0,0 +1,11 @@
+interface Image {
+    url: string;
+    alt: string;
+    caption?: string;
+}
+interface ImageSliderProps {
+    images: Image[];
+    autoPlayInterval?: number;
+}
+export default function ImageSlider({ images, autoPlayInterval }: ImageSliderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/components/HomePage/JobSearch.d.ts

@@ -0,0 +1,2 @@
+declare const JobSearch: () => import("react/jsx-runtime").JSX.Element;
+export default JobSearch;

package/dist/types/src/components/HomePage/JobsSearchWidget.d.ts

@@ -0,0 +1,22 @@
+interface Location {
+    id: string;
+    name: string;
+}
+interface TrendingKeyword {
+    label: string;
+    href: string;
+}
+interface JobSearchWidgetProps {
+    title?: string;
+    locations?: Location[];
+    trendingKeywords?: TrendingKeyword[];
+    searchButtonText?: string;
+    apiUrl?: string;
+    className?: string;
+    showTrending?: boolean;
+    showLocationFilter?: boolean;
+    mockMode?: boolean;
+    searchPageUrl?: string;
+}
+export default function JobSearchWidget({ title, locations, trendingKeywords, searchButtonText, apiUrl, className, showTrending, showLocationFilter, mockMode, searchPageUrl, }: JobSearchWidgetProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/components/HomePage/Navbar.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+interface NavItem {
+    label: string;
+    href?: string;
+    onClick?: () => void;
+}
+interface NavbarProps {
+    title?: string;
+    navItems?: NavItem[];
+    ctaLabel?: string;
+    ctaHref?: string;
+    brandIcon?: React.ReactNode;
+    isOpen?: boolean;
+    defaultOpen?: boolean;
+    onToggleMenu?: (isOpen: boolean) => void;
+    menuButtonAriaLabel?: string;
+}
+export default function Navbar({ title, navItems, ctaLabel, ctaHref, brandIcon, defaultOpen, isOpen, onToggleMenu, menuButtonAriaLabel, }: NavbarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/components/HomePage/Newsletter.d.ts

@@ -0,0 +1,11 @@
+interface NewsletterProps {
+    title: string;
+    description: string;
+    inputPlaceholder: string;
+    buttonText: string;
+    api_url?: string;
+    isSubscribed?: boolean;
+    email?: string | null;
+}
+export default function Newsletter({ title, description, inputPlaceholder, api_url, buttonText, isSubscribed, email, }: NewsletterProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/components/HomePage/NewsletterV2.d.ts

@@ -0,0 +1,21 @@
+export interface NewsletterSubscribePayload {
+    email: string;
+    source: string;
+}
+export interface NewsletterV2Props {
+    title: string;
+    description: string;
+    inputPlaceholder: string;
+    buttonText: string;
+    isAuthenticated?: boolean;
+    userEmail?: string | null;
+    isSubscribed?: boolean;
+    onSubscribe?: (payload: NewsletterSubscribePayload) => void | Promise<void>;
+    onManageAlerts?: () => void;
+    onSignInRequired?: () => void;
+    loading?: boolean;
+    source?: string;
+    api_url?: string;
+    email?: string | null;
+}
+export default function NewsletterV2({ title, description, inputPlaceholder, buttonText, isAuthenticated, userEmail, isSubscribed, onSubscribe, onManageAlerts, onSignInRequired, loading, source, api_url, email, }: NewsletterV2Props): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/components/HomePage/NotificationModal.d.ts

@@ -0,0 +1,7 @@
+export interface NotificationModalProps {
+    open: boolean;
+    type: "success" | "error" | "info";
+    message: string;
+    onClose: () => void;
+}
+export default function NotificationModal({ open, type, message, onClose }: NotificationModalProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/types/src/components/HomePage/Partners.d.ts

@@ -0,0 +1,2 @@
+declare const Partners: () => import("react/jsx-runtime").JSX.Element;
+export default Partners;

package/dist/types/src/components/HomePage/Services.d.ts

@@ -0,0 +1,13 @@
+import * as Icons from "lucide-react";
+interface Service {
+    title: string;
+    description: string;
+    icon: keyof typeof Icons | string;
+}
+interface ServicesProps {
+    title: string;
+    description: string;
+    services: Service[];
+}
+export default function Services({ title, description, services }: ServicesProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/components/HomePage/ServicesNoIcons.d.ts

@@ -0,0 +1,16 @@
+interface Service {
+    title: string;
+    shortDescription: string;
+    fullDescription: string;
+    features: string[];
+}
+interface ServicesNoIconsProps {
+    services: Service[];
+    title: string;
+    description: string;
+    showBtn?: string;
+    hideBtn?: string;
+    featuresBtn?: string;
+}
+export default function ServicesNoIcons({ services, title, description, showBtn, hideBtn, featuresBtn }: ServicesNoIconsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/components/HomePage/SidebarNewsletter.d.ts

@@ -0,0 +1,9 @@
+interface SidebarNewsletterProps {
+    title?: string;
+    description?: string;
+    inputPlaceholder?: string;
+    buttonText?: string;
+    api_url?: string;
+}
+export default function SidebarNewsletter({ title, description, inputPlaceholder, buttonText, api_url }: SidebarNewsletterProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/components/HomePage/SidebarNewsletterV2.d.ts

@@ -0,0 +1,18 @@
+import type { NewsletterEvent, NewsletterSubscribePayload } from "../../types/events.newsletter";
+export interface SidebarNewsletterV2Props {
+    title?: string;
+    description?: string;
+    inputPlaceholder?: string;
+    buttonText?: string;
+    isAuthenticated?: boolean;
+    userEmail?: string | null;
+    isSubscribed?: boolean;
+    onSubscribe?: (payload: NewsletterSubscribePayload) => void | Promise<void>;
+    onManageAlerts?: () => void;
+    onSignInRequired?: () => void;
+    onEmitEvent?: (event: NewsletterEvent) => void;
+    loading?: boolean;
+    source?: string;
+    email?: string | null;
+}
+export default function SidebarNewsletterV2({ title, description, inputPlaceholder, buttonText, isAuthenticated, userEmail, isSubscribed, onSubscribe, onManageAlerts, onSignInRequired, onEmitEvent, loading, source, email, }: SidebarNewsletterV2Props): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/components/HomePage/Testimonials.d.ts

@@ -0,0 +1,14 @@
+interface Testimonial {
+    image: string;
+    name: string;
+    from: string;
+    text: string;
+    rating: number;
+}
+interface TestimonialsProps {
+    testimonials: Testimonial[];
+    title: string;
+    description: string;
+}
+export default function Testimonials({ testimonials, title, description }: TestimonialsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/components/HomePage/TestimonialsVariant.d.ts

@@ -0,0 +1,2 @@
+declare const Testimonials: () => import("react/jsx-runtime").JSX.Element;
+export default Testimonials;

package/dist/types/src/components/HomePage/TrustSignals.d.ts

@@ -0,0 +1,18 @@
+interface Testimonial {
+    quote: string;
+    name: string;
+    title: string;
+    avatar: string;
+}
+interface Stat {
+    value: string;
+    label: string;
+}
+interface TrustSignalsProps {
+    title: string;
+    testimonial: Testimonial;
+    stats: Stat[];
+    partnerLogos: string[];
+}
+export default function TrustSignals({ title, testimonial, stats, partnerLogos }: TrustSignalsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/components/HomePage/ValueProposition.d.ts

@@ -0,0 +1,12 @@
+import type { LucideIcon } from "lucide-react";
+interface ValueItem {
+    icon: LucideIcon;
+    title: string;
+    description: string;
+}
+interface ValuePropositionProps {
+    title: string;
+    values: ValueItem[];
+}
+export default function ValueProposition({ title, values }: ValuePropositionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/components/HomePage/Videos.d.ts

@@ -0,0 +1,13 @@
+interface Video {
+    thumbnail: string;
+    title: string;
+    description: string;
+    duration: string;
+}
+interface VideosProps {
+    videos: Video[];
+    title: string;
+    description: string;
+}
+export default function Videos({ videos, title, description }: VideosProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/components/HomePage/context/CartContext.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export interface CartItem {
+    id: string;
+    name: string;
+    price: number;
+    duration: string;
+    quantity: number;
+}
+interface CartContextType {
+    items: CartItem[];
+    isOpen: boolean;
+    addItem: (item: Omit<CartItem, 'quantity'>) => void;
+    removeItem: (id: string) => void;
+    updateQuantity: (id: string, quantity: number) => void;
+    toggleCart: () => void;
+    total: number;
+}
+export declare function CartProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useCart(): CartContextType;
+export {};

package/dist/types/src/components/IgamingCoursesPage/CourseCard.d.ts

@@ -0,0 +1,12 @@
+import type React from "react";
+import type { Course } from "./types/course";
+import { type ResolvedListingAccessControl } from "../GenericListing/accessControl";
+interface CourseCardProps {
+    course: Course;
+    isFavorite: boolean;
+    onToggleFavorite: (courseId: string) => void;
+    onEnroll: (courseId: string) => void;
+    userAccess: ResolvedListingAccessControl;
+}
+declare const CourseCard: React.FC<CourseCardProps>;
+export default CourseCard;