import React , { Component } from 'react' ; import { Tabs } from '@redux-devtools/ui' ; import Connection from './Connection' ; import Themes from './Themes' ; interface State { selected : string ; } export default class Settings extends Component < { } , State > { tabs = [ { name : 'Connection' , component : Connection } , { name : 'Themes' , component : Themes } , ] ; state : State = { selected : 'Connection' } ; handleSelect = ( selected ) => { this . setState ( { selected } ) ; } ; render ( ) { return ( < Tabs < { } > tabs = { this . tabs as any } selected = { this . state . selected } onClick = { this . handleSelect } / > ) ; } }