import React, { Component, ReactNode } from "react"; import { ModelIcon } from "./ModelIcon"; class Icon extends Component { render(): ReactNode { const Icons = { report: ( ), whatsapp: ( ), transaction: ( ), sosmed: ( ), document: ( ), library: ( ), rocket: ( ), money: ( ), chart: ( ), role: ( ), arrow_down_light: ( ), arrow_up_light: ( ), sort: ( ), arrow_up_button: ( ), arrow_down_button: ( ), emoji_happy: ( ), element: ( ), logout: ( ), setting: ( ), database: ( ), person: ( ), menu: ( ), home_simple: ( ), arrow_left_simple: ( ), mail: ( ), marker: ( ), phone: ( ), arrow_next: ( ), arrow_right_simple: ( ), arrow_down_simple: ( ), arrow_prev: ( ), arrow_left: ( ), check: ( ), copy: ( ), error: ( ), eye: ( ), hideEye: ( ), download: ( ), loading: ( ), arrow_down: ( ), close: ( ), }; return

{Icons[this.props.icon]}

; } } export default Icon;