import React from "react";
import { joinClassNames, joinStyles } from "@yakad/lib";
import styles from "./style.module.css";
const symbolSizeMaps = {
    small: 2,
    medium: 2.4,
    large: 3.2,
};
export default function Symbol(props) {
    const joinedClassNames = joinClassNames(styles.materialIcons, props.type ? styles[props.type] : styles.default, props.mirror ? styles[props.mirror + "Mirror"] : "", props.className);
    const size = (props.size
        ? typeof props.size === "number"
            ? props.size
            : symbolSizeMaps[props.size]
        : 2.4) + "rem";
    const joinedStyles = joinStyles({ width: size, height: size, fontSize: size, lineHeight: size }, props.style);
    return (React.createElement("span", { ...props, className: joinedClassNames, style: joinedStyles }, props.icon));
}
//# sourceMappingURL=symbol.js.map