import React, { forwardRef } from "react";
import { Back } from "./Back.js";
import { Battery } from "./Battery.js";
import { Checkmark } from "./Checkmark.js";
import { Clock } from "./Clock.js";
import { Config } from "./Config.js";
import { Dots } from "./Dots.js";
import { Forward } from "./Forward.js";
import { Heart } from "./Heart.js";
import { Search } from "./Search.js";
import { Trash } from "./Trash.js";
var ICON;
(function (ICON) {
    ICON["checkmark"] = "checkmark";
    ICON["back"] = "back";
    ICON["forward"] = "forward";
    ICON["search"] = "search";
    ICON["battery"] = "battery";
    ICON["heart"] = "heart";
    ICON["trash"] = "trash";
    ICON["config"] = "config";
    ICON["dots"] = "dots";
    ICON["clock"] = "clock";
})(ICON || (ICON = {}));
const iconsMap = new Map([
    [ICON.checkmark, Checkmark],
    [ICON.back, Back],
    [ICON.forward, Forward],
    [ICON.search, Search],
    [ICON.battery, Battery],
    [ICON.heart, Heart],
    [ICON.trash, Trash],
    [ICON.config, Config],
    [ICON.dots, Dots],
    [ICON.clock, Clock],
]);
const Icon = forwardRef(({ name: iconName, ...props }, ref) => {
    const C = iconsMap.get(iconName);
    if (!C) {
        throw new TypeError("Unknown icon: " + iconName);
    }
    return React.createElement(C, { ref: ref, ...props });
});
Icon.displayName = "Icon";
export { Icon, ICON };
//# sourceMappingURL=Icon.js.map