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

Conjunto de componentes UI funcionales y personalizables

import { ReactNode } from 'react';
import * as react_jsx_runtime from 'react/jsx-runtime';

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;
}
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;
}

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;

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;

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