import React from "react";
import "./Icons.scss";
import { JDColor } from "../../types/enum";
export declare type IIcons = "arrowRight" | "arrowLeft" | "magnifier" | "menue" | "graphPie" | "graphLine" | "google" | "wifi" | "iconmonstr" | "slack" | "star" | "github" | "langugae" | "list" | "calendar" | "circleCheckIn" | "map" | "genderMale" | "genderFemale" | "genderBoth" | "negative" | "hotel" | "notify" | "rocket" | "roomChange" | "location" | "checkList" | "product" | "book" | "apps" | "arrowTo" | "checkOut" | "checkIn" | "persons" | "peopleWithStarts" | "keyBoard" | "board" | "addCircle" | "add" | "arrowDown" | "arrowUp" | "memo" | "download" | "key" | "clear" | "eraser" | "edit" | "person" | "money" | "help" | "config" | "house" | "heartHouse" | "gift" | "logout" | "dotMenuVertical" | "question" | "info" | "roomType" | "mobile" | "call" | "sms" | "safe" | "reCycle" | "unNotify" | "return" | "controller" | "vUp" | "vDown" | "admin" | "copyFile";
declare const icons: {
    [s: string]: string;
};
export declare enum IconSize {
    DEFAULT = "1em",
    NORMAL = "1rem",
    MEDEIUM_SMALL = "1.25rem",
    MEDIUM = "1.45rem",
    LARGE = "1.7rem",
    MEDIUM_LARGE = "2rem",
    BIG_LARGE = "2.25rem",
    LARGE_LARGE = "2.75rem",
    SUPER_LARGE = "4rem"
}
export interface IconConifgProps {
    label?: string;
    labelSize?: "large" | "small";
    size?: IconSize;
    hover?: boolean;
    color?: JDColor;
    tooltip?: string;
    selected?: boolean;
    dots?: JSX.Element[];
}
export interface IConProps extends React.HTMLAttributes<HTMLOrSVGElement> {
    icon: IIcons;
}
declare const JDIcon: React.FC<IConProps & IconConifgProps>;
export { icons };
export default JDIcon;