import { _ as __assign } from '../tslib.es6-20a2a300.js';
import { jsx } from 'react/jsx-runtime';
import ArrowRight from '../icons/ArrowRight.js';
import ArrowRightCircle from '../icons/ArrowRightCircle.js';
import Check from '../icons/Check.js';
import CheckCircle from '../icons/CheckCircle.js';
import ChevronRight from '../icons/ChevronRight.js';
import CrossCircle from '../icons/CrossCircle.js';
import DollarSign from '../icons/DollarSign.js';
import InfoCircle from '../icons/InfoCircle.js';
import Link from '../icons/Link.js';
import TriangleUp from '../icons/TriangleUp.js';
import TriangleUp$1 from '../icons/TriangleDown.js';
import TriangleUp$2 from '../icons/TriangleLeft.js';
import Copy from '../icons/Copy.js';
import SortUp from '../icons/SortUp.js';
import Cross from '../icons/Cross.js';
import Search from '../icons/Search.js';
import Range from '../icons/Range.js';
import colors from '../theme/colors.js';
import { m as makeStyles } from '../makeStyles-c9a99c7a.js';
import '../defaultTheme-49a26576.js';
import 'react';

var iconList = {
    arrowRight: jsx(ArrowRight, {}, void 0),
    arrowRightCircle: jsx(ArrowRightCircle, {}, void 0),
    check: jsx(Check, {}, void 0),
    checkCircle: jsx(CheckCircle, {}, void 0),
    chevronRight: jsx(ChevronRight, {}, void 0),
    crossCircle: jsx(CrossCircle, {}, void 0),
    dollarSign: jsx(DollarSign, {}, void 0),
    infoCircle: jsx(InfoCircle, {}, void 0),
    link: jsx(Link, {}, void 0),
    triangleUp: jsx(TriangleUp, {}, void 0),
    triangleDown: jsx(TriangleUp$1, {}, void 0),
    triangleLeft: jsx(TriangleUp$2, {}, void 0),
    copy: jsx(Copy, {}, void 0),
    sortUp: jsx(SortUp, {}, void 0),
    cross: jsx(Cross, {}, void 0),
    search: jsx(Search, {}, void 0),
    range: jsx(Range, {}, void 0)
};
var iconSizes = {
    xxs: 12,
    xs: 20,
    sm: 22,
    md: 32,
    lg: 60
};
var useStyles = makeStyles(function (theme) { return ({
    root: function (_a) {
        var size = _a.size, color = _a.color, rotate = _a.rotate;
        return ({
            display: "inline-block",
            verticalAlign: "middle",
            height: iconSizes[size !== null && size !== void 0 ? size : "md"],
            textAlign: "center",
            color: "inherit",
            fontFamily: "inherit !important",
            "&:before": {
                display: "none !important"
            },
            "& svg": {
                display: "inline-block",
                verticalAlign: "top",
                height: "100%",
                color: "inherit",
                transform: "rotate(" + (rotate !== null && rotate !== void 0 ? rotate : 0) + "deg)"
            },
            "& path": {
                fill: colors.icon[color !== null && color !== void 0 ? color : "currentColor"],
                transition: theme.transitions.create(["fill"])
            }
        });
    }
}); });
var Icon = function (_a) {
    var iconKey = _a.iconKey, className = _a.className, size = _a.size, color = _a.color, rotate = _a.rotate;
    var classes = useStyles({ size: size, color: color, rotate: rotate });
    return jsx("i", __assign({ className: "icon icon--" + iconKey + " " + (className !== null && className !== void 0 ? className : "") + " " + classes.root }, { children: iconList[iconKey] }), void 0);
};

export { Icon as default, iconList, iconSizes };
