import React$1, { ReactNode, FC } from 'react';

interface IButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
    color?: 'primary' | 'success' | 'danger' | 'warning' | (string & {});
    hoverEffect?: boolean;
    rippleEffect?: boolean;
    textColor?: string;
    size?: 'small' | 'medium' | 'large' | `${number}px` | `${number}em` | `${number}rem`;
    startIcon?: ReactNode;
    endIcon?: ReactNode;
    isLoading?: boolean;
    loadingText?: string;
    typeLoading?: 'text' | 'spin' | 'dots' | 'spinwithtext';
    animation?: 'none' | 'default' | 'scale' | 'slide';
    variant?: 'text' | 'outline' | 'contained';
    radius?: 'small' | 'medium' | 'large' | 'full' | 'none' | `${number}px` | `${number}em` | `${number}rem` | `${number}%`;
    as?: 'link';
    href?: string;
    target?: '_blank' | '_self' | '_parent' | '_top';
    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
    children?: ReactNode;
}

declare const Button: FC<IButtonProps>;

interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
    variant?: 'outline' | 'contained';
    color?: 'primary' | 'success' | 'danger' | 'warning' | (string & {});
    hoverEffect?: boolean;
    rippleEffect?: boolean;
    textColor?: string;
    size?: 'small' | 'medium' | 'large' | `${number}px` | `${number}em` | `${number}rem`;
    startIcon?: ReactNode;
    endIcon?: ReactNode;
    animation?: 'none' | 'default' | 'scale' | 'rotate';
    durationAnimation?: `${number}s`;
    target?: '_blank' | '_self' | '_parent' | '_top';
    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
    children?: ReactNode;
}

declare const IconButton: FC<IconButtonProps>;

interface TolltipProps {
    children: ReactNode;
    title: string;
    placement?: 'top' | 'bottom';
    style?: React$1.CSSProperties;
}

declare const Tolltip: React$1.FC<TolltipProps>;

interface SkeletonProps extends React$1.HTMLAttributes<HTMLDivElement> {
    children?: React$1.ReactNode;
    isLoading: true | false;
}

declare const Skeleton: React$1.FC<SkeletonProps>;

interface ImageProps extends React$1.HTMLAttributes<HTMLDivElement> {
    src: string;
    alt: string;
    width?: string;
    height?: string;
    loading?: 'lazy' | 'eager';
    loadingType: 'spinner' | 'skeleton';
    spinnerColor?: string;
    style?: React$1.CSSProperties;
    styles?: {
        wrapperImage?: React$1.CSSProperties;
        image?: React$1.CSSProperties;
    };
}

declare const Image: React$1.FC<ImageProps>;

declare const hexToRgbA: (hex: string, opacity?: number | undefined) => string;

declare const hextToRgbA_d_hexToRgbA: typeof hexToRgbA;
declare namespace hextToRgbA_d {
  export {
    hextToRgbA_d_hexToRgbA as hexToRgbA,
  };
}

export { Button, IconButton, Image, Skeleton, Tolltip, hextToRgbA_d as hexToRgbA };