import React from "react" ; import { IconBaseProps } from "react-icons" ; import * as FcIcons from "react-icons/fc" ; import * as VSCIcons from "react-icons/vsc" ; import { IconBase } from "react-icons/lib/cjs/iconBase" ; import { IconNames } from "@web-desktop-environment/interfaces/lib/shared/icon" ; import "./icon.css" ; const Icon = ( props ) => { const iconProps = { ... props } ; delete iconProps . containerClassName ; return ( < span className = { `icon-parent ${ props . containerClassName || "" }` } > { React . createElement ( { ... FcIcons , ... VSCIcons } [ props . name ] || IconBase , iconProps ) } < /span>); } ; export default Icon ;