import React , { useState } from "react" ; import ReactDOM from 'react-dom' ; import './SettingsItem.scss' ; import { ReactSVG } from "react-svg" ; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome" ; import { faPlaneDeparture , faWifi , faPlane } from '@fortawesome/free-solid-svg-icons' ; import { faBluetoothB } from '@fortawesome/free-brands-svg-icons' ; import { Switch } from "react-router-dom" ; import BackIcon from '../../../assets/icons/back_right.svg' ; export interface ISetting { id : number ; title ? : string ; rightLabel ? : string ; checkbox ? : boolean ; backround ? : string ; img ? : any ; imgType ? : string ; imgColor ? : string ; alt ? : boolean ; onClick ? : ( ( event : React . MouseEvent < HTMLDivElement , MouseEvent > , props : ISetting ) => void ) | undefined ; } const ISettings = ( props ) => { const [ value , setValue ] = useState ( false ) ; return ( < div > { props . alt ? < div className = "settings-banner2" > < /div> : false} { props . img ? < div className = "settings-core" > < div className = "item-settings" > < div className = "settings-img-container" style = { { background : props . backround } } > < FontAwesomeIcon className = { props . imgType } icon = { props . img } style = { { color : props . imgColor } } /> < /div> { props . title ? < div className = "text-settings" > { props . title } < /div> : false} < /div> < /div> : false } < /div>); } ; export default ISettings ;