import React from 'react';
import PropTypes from 'prop-types';
import ICON_MAPPING from './Icons/AllStaticIcons.js';

export const getIconByName = (iconName) => {
    return ICON_MAPPING[iconName];
};

const Icon = ({ icon, height, width, className, stroke, fill }) => {
    const IconToRender = getIconByName(icon);

    if (!IconToRender) {
        return null;
    }

    return (
        <IconToRender
            width={width}
            height={height}
            className={className}
            stroke={stroke}
            fill={fill}
        />
    );
};

Icon.propTypes = {
    icon: PropTypes.string.isRequired,
    height: PropTypes.string,
    width: PropTypes.string,
    className: PropTypes.string,
    stroke: PropTypes.string,
    fill: PropTypes.string,
};

export default Icon;