import React from 'react';
import './icon.scss';

import img_folder from "../assets/img/folder.svg";
import img_file from "../assets/img/file.svg";
import img_loader from "../assets/img/loader.svg";
import img_save from "../assets/img/save.svg";
import img_power from "../assets/img/power.svg";
import img_edit from "../assets/img/edit.svg";
import img_delete from "../assets/img/delete.svg";
import img_bucket from "../assets/img/bucket.svg";
import img_link from "../assets/img/link.svg";
import img_loading from "../assets/img/loader.svg";
import img_download from "../assets/img/download.svg";
import img_play from "../assets/img/play.svg";
import img_pause from "../assets/img/pause.svg";
import img_error from "../assets/img/error.svg";
import img_loading_white from "../assets/img/loader_white.svg";

export const Icon = (props) => {
    let img;
    if(props.name === 'directory'){
        img = img_folder;
    }else if(props.name === 'file'){
        img = img_file;
    }else if(props.name === 'loader'){
        img = img_loader;
    }else if(props.name === 'save'){
        img = img_save;
    }else if(props.name === 'power'){
        img = img_power;
    }else if(props.name === 'edit'){
        img = img_edit;
    }else if(props.name === 'delete'){
        img = img_delete;
    }else if(props.name === 'bucket'){
        img = img_bucket;
    }else if(props.name === 'link'){
        img = img_link;
    }else if(props.name === 'loading'){
        img = img_loader;
    }else if(props.name === 'download'){
        img = img_download;
    }else if(props.name === 'play'){
        img = img_play;
    }else if(props.name === 'pause'){
        img = img_pause;
    }else if(props.name === 'error'){
        img = img_error;
    }else if(props.name === 'loading_white'){
        img = img_loading_white;
    }else{
        throw('unknown icon');
    }

    return (
        <img className="component_icon"
             style={props.style}
             onClick={props.onClick}
             src={img}
             alt={props.name}/>
    );
}