import { ReactNode } from 'react';

interface PropsCollapse {
    children: ReactNode;
    title?: string;
    bg?: string;
    width?: string;
}
type StaticImageData = {
    src: string;
    width: number;
    height: number;
    blurDataURL?: string;
};
interface PropsCarrousel {
    images: StaticImageData[];
    auto?: boolean;
    time?: number;
    width?: string;
    height?: string;
}
interface PropsModal {
    children: ReactNode;
    titleButton: string;
}
interface PropsToggle {
    onClick: (event: React.MouseEvent<HTMLInputElement>) => void;
}
type ExperienceType = {
    job_name: string;
    company: string;
    first_date: string;
    last_date: string;
    description: string;
    link?: string;
    theme?: string;
};
interface PropsExperience {
    experience: ExperienceType;
}

declare const CarrouselImages: ({ images, auto, time, width, height, }: PropsCarrousel) => JSX.Element;

declare const Collapse: ({ children, title, bg, width, }: PropsCollapse) => JSX.Element;

declare const Loader: () => JSX.Element;

declare const Toggle: ({ onClick }: PropsToggle) => JSX.Element;

declare const Modal: ({ children, titleButton }: PropsModal) => JSX.Element;

declare const Experience: ({ experience }: PropsExperience) => JSX.Element;

export { CarrouselImages, Collapse, Experience, Loader, Modal, Toggle };