Ext.define('treps.view.Viewport', {
	extend: 'Ext.container.Viewport',
	
	requires: [
		'treps.view.Application.Header.HeaderContainer',
		'treps.view.Application.Footer.FooterContainer',
		'treps.view.Application.Central.CentralContainer',
		'treps.view.Application.Help.HelpPanel'
	],

	layout: 'border',
	
	items: [
		{
			region: 'north',
			xtype: 'app_header'
		},
		{
			region: 'south',
			xtype: 'app_footer'
		},
		{
			region: 'center',
			xtype: 'app_central'
		},
		{
			region: 'east',
			xtype: 'app_help'
		}
	]
});