import { jsx as _jsx } from "react/jsx-runtime";
import { useTheme } from "../../context/theme/index.js";
import { getThemedValue } from "../../utils/index.js";
import Image from "../Image/Image.js";
import { getMediaImage } from "../Media/Image/utils.js";
function isIconSvg(icon) {
    return typeof icon === 'function';
}
const ContentListItemIcon = ({ icon, className, qa }) => {
    const theme = useTheme();
    const iconThemed = getThemedValue(icon, theme);
    if (isIconSvg(iconThemed)) {
        const Icon = iconThemed;
        return (_jsx("div", { children: _jsx(Icon, { className: className }) }));
    }
    const iconData = getMediaImage(iconThemed);
    return _jsx(Image, { ...iconData, className: className, qa: qa });
};
export default ContentListItemIcon;
//# sourceMappingURL=ContentListItemIcon.js.map
