react-reusable-elements/dist/index.d.ts

React reusble components

import * as react_jsx_runtime from 'react/jsx-runtime';
import { FieldValues, Path, UseFormRegister, RegisterOptions, FieldError } from 'react-hook-form';
import React, { FC } from 'react';

interface EissaInputFieldProps<T extends FieldValues> {
    varient?: "primary" | "secondary";
    label?: string;
    name: Path<T>;
    register: UseFormRegister<T>;
    rules?: RegisterOptions<T>;
    error?: FieldError;
    isTouched?: boolean;
    placeholder?: string;
    type?: "text" | "password";
    keepSpaceForError?: boolean;
    bg?: string;
    fontColor?: string;
}
declare const EissaInputField: <T extends FieldValues>(props: EissaInputFieldProps<T>) => react_jsx_runtime.JSX.Element;

interface EissaButtonProps {
    label?: string;
    onClick?: () => void;
    type?: 'button' | 'submit' | 'reset';
    variant?: 'primary' | 'secondary';
    disabled?: boolean;
    isLoading?: boolean;
    icon?: string;
    bg?: string;
    padding?: number;
    fontColor?: string;
    borderColor?: string;
}
declare const EissaButton: React.FC<EissaButtonProps>;

type LoaderProps = {
    varient: "primary" | "secondary";
};
declare const EissaLoader: (props: LoaderProps) => react_jsx_runtime.JSX.Element;

interface EissaCheckboxProps<T extends FieldValues> {
    label: string;
    name: Path<T>;
    register: UseFormRegister<T>;
    rules?: RegisterOptions<T>;
    error?: FieldError;
    isTouched?: boolean;
}
declare const EissaCheckbox: <T extends FieldValues>(props: EissaCheckboxProps<T>) => react_jsx_runtime.JSX.Element;

type EissaModalProps = {
    ModalContent: React.FC;
    isVisible: boolean;
};
declare const EissaModal: (props: EissaModalProps) => React.ReactPortal;

type EissaAVatarProps = {
    img?: string;
    height?: number;
    fontSize?: number;
    bg?: string;
    fontColor?: string;
    name?: string;
    CTA?: () => void;
};
declare const EissaAvatar: (props: EissaAVatarProps) => react_jsx_runtime.JSX.Element;

interface EissaTextLogoProps {
    text?: string;
    size?: number;
    colors?: string[];
}
declare const EissaTextLogo: FC<EissaTextLogoProps>;

export { EissaAvatar, EissaButton, EissaCheckbox, EissaInputField, EissaLoader, EissaModal, EissaTextLogo };