import React from "react" ; export type ToggleProps = { text ? : string ; isOn : boolean ; title : string ; elementId ? : string ; onClick : ( ) => void ; } ; const Toggle = ( props ) => { return < span id = { props . elementId } className = { "indicator " + getIndicator ( props . isOn ) } title = { props . title } onClick = { ( ) => props . onClick ( ) } > { ! props . children ? props . text : props . children } < /span>; } ; function getIndicator ( value ) { return value ? 'on' : 'off' ; } export default Toggle ;