text: import {connect} from 'react-redux';
  import kind from '@enact/core/kind';
  import MoonstoneDecorator from '@enact/moonstone/MoonstoneDecorator';
  import {Panels} from '@enact/moonstone/Panels';
  import React from 'react';
  
  import MainPanel from '../views/MainPanel';
  
  import css from './App.less';
  
  const App = kind({
  	name: 'App',
  
  	styles: {
  		css,
  		className: 'app'
  	},
  
  	render: (props) => {
  		return (
  			<div {...props}>
  				<Panels>
  					<MainPanel />
  				</Panels>
  			</div>
  		);
  	}
  });
  
  const mapStateToProps = ({locale}) => ({locale});
  
  export default connect(mapStateToProps, {})(MoonstoneDecorator(App));
  