Ext.define('ChartsKitchenSink.view.CodePreview', {
    extend: 'Ext.panel.Panel',
    xtype: 'codePreview',
    title: 'Code Preview',
    scrollable: true,
    cls: 'preview-container',
    bodyStyle: 'padding: 5px;',


    // The code must be read in LTR
    rtl: false,

    tools: [{
        type: 'maximize',
        tooltip: 'Maximize example code content'
    }],

    initComponent: function() {
        this.ui = (Ext.themeName === 'neptune') ? 'light' : 'default';
        this.callParent();
    }
});