kit-components-ui/dist/index.d.ts

Conjunto de componentes UI funcionales y personalizables

import * as react_jsx_runtime from 'react/jsx-runtime';
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;
    widthImage?: string;
    heightImage?: 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 | null;
};
interface PropsExperience {
    experience: ExperienceType;
}
type Link = {
    id: number;
    link: string;
    name: string;
};
interface BoxLinksTypes {
    links: Link[];
    title: string;
    theme?: "dark" | "light";
    width?: string;
}
interface ChatTypes {
    children: ReactNode;
    theme?: "dark" | "light";
    width?: string;
    height?: string;
}
interface MessageTypes {
    content: string;
    theme?: "dark" | "light";
    username?: string;
}
interface OptionChatAssistent {
    id: number;
    option: string;
    content: string;
    path: string;
}
interface PropsChatAssistent {
    options: OptionChatAssistent[];
    messageMain?: string;
    theme?: "dark" | "light";
    width?: string;
    height?: string;
}

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

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

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

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

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

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

declare const BoxLinks: ({ links, title, theme, width, }: BoxLinksTypes) => react_jsx_runtime.JSX.Element;

declare const Chat: ({ children, theme, width, height, }: ChatTypes) => react_jsx_runtime.JSX.Element;

declare const Message: ({ content, username, theme, }: MessageTypes) => react_jsx_runtime.JSX.Element;

declare const ChatAssistent: ({ options, messageMain, theme, width, height, }: PropsChatAssistent) => react_jsx_runtime.JSX.Element;

export { BoxLinks, CarrouselImages, Chat, ChatAssistent, Collapse, Experience, Loader, Message, Modal, Toggle };