import * as React from 'react';
import { wording } from './fixture';
import { StyledMaterialIcon, StyledPeopleIcon, StyledPrivacyIcon } from './styled';
class IconByName extends React.PureComponent {
    render() {
        const { iconName, isActive } = this.props;
        const fillColor = isActive ? wording.activeFillColor : wording.fillColor;
        const { fill1, fill2 } = fillColor;
        switch (iconName) {
            case 'DASHBOARD':
                return React.createElement(StyledMaterialIcon, { type: "account_circle", isActive: isActive });
            case 'MY-PROFILE':
                return React.createElement(StyledMaterialIcon, { type: "account_circle", isActive: isActive });
            case 'ORDER-HISTORY':
                return React.createElement(StyledMaterialIcon, { type: "local_shipping", isActive: isActive });
            case 'PAYMENT-METHODS':
                return React.createElement(StyledMaterialIcon, { type: "credit_card", isActive: isActive });
            case 'SHIPPING-ADDRESS':
                return React.createElement(StyledMaterialIcon, { type: "contact_mail", isActive: isActive });
            case 'PREFERENCE':
                return React.createElement(StyledPrivacyIcon, { isActive: isActive });
            case 'PROFILE-INFORMATION':
                return React.createElement(StyledMaterialIcon, { type: "account_circle", isActive: isActive });
            case 'ACCOUNT-PROFILE':
                return React.createElement(StyledMaterialIcon, { type: "account_circle", breed: "solid", isActive: isActive });
            case 'APPROVALS':
                return (React.createElement(StyledMaterialIcon, { type: "check_box", borderColor: fill1, tickColor: fill2, fill: fill1, isActive: isActive }));
            case 'USER-MANAGEMENT':
                return React.createElement(StyledPeopleIcon, { isActive: isActive });
            case 'PRIVACY-SETTINGS':
                return React.createElement(StyledMaterialIcon, { type: "settings", isActive: isActive });
            case 'LISTS':
                return React.createElement(StyledMaterialIcon, { type: "list", isActive: isActive });
            default:
                return '';
        }
    }
}
export { IconByName };
export default IconByName;
//# sourceMappingURL=IconByName.js.map