var crc = 'create-comp';
var mvc = 'move-comp';
var swv = 'sw-visibility';
var expt = 'export-template';
var osm = 'open-sm';
var otm = 'open-tm';
var ola = 'open-layers';
var obl = 'open-blocks';
var tpl = 'template-list';
var ful = 'fullscreen';
var prv = 'preview';

module.exports = {
  stylePrefix: 'pn-',

  // Default panels fa-sliders for features
  defaults: [
    {
      id: 'commands',
      buttons: [{}]
    },
    {
      id: 'options',
      buttons: [
        {
          active: true,
          id: swv,
          className: 'fa fa-square-o',
          command: swv,
          context: swv,
          attributes: { title: 'View components' }
        },
        {
          id: prv,
          className: 'fa fa-eye',
          command: prv,
          context: prv,
          attributes: { title: 'Preview' }
        },
        {
          id: ful,
          className: 'fa fa-arrows-alt',
          command: ful,
          context: ful,
          attributes: { title: 'Fullscreen' }
        },
        {
          id: expt,
          className: 'fa fa-code',
          command: expt,
          attributes: { title: 'View code' }
        }
      ]
    },
    {
      id: 'views',
      buttons: [
        {
          id: tpl,
          className: 'fa fa-window-restore',
          command: tpl,
          active: true,
          attributes: { title: 'Templates', showTitle: true }
        },
        {
          id: osm,
          className: 'fa fa-paint-brush',
          command: osm,
          attributes: { title: 'Styles', showTitle: true }
        },
        {
          id: obl,
          className: 'fa fa-list',
          command: obl,
          attributes: { title: 'Content', showTitle: true }
        },
        {
          id: otm,
          className: 'fa fa-cog',
          command: otm,
          attributes: { title: 'Settings', showTitle: true }
        }
      ]
    }
  ],

  // Editor model
  em: null,

  // Delay before show children buttons (in milliseconds)
  delayBtnsShow: 300
};
