'use strict';

function _jade_template_fn(locals) {
  locals = locals || {};;;
  var result_of_with = function ($attrs, $component, $helpers, Object) {
    var h = require('panel').h;
    var iconOnly = !$component.textContent.trim() && !!$attrs['icon'];
    var classes = $helpers.getComponentClasses('mp-button-');
    return {
      value: h("div", {
        "attrs": $helpers.getButtonAttrs(),
        "class": Object.assign({}, Object.assign(classes, {
          'mp-button-with-icon': !!$attrs['icon'],
          'mp-button-icon-only': iconOnly,
          'mp-button-primary': $attrs['color'] === 'blue' || classes['mp-button-primary'],
          'mp-button-secondary': $attrs['color'] === 'grey' || classes['mp-button-secondary'],
          'mp-button-red': $attrs['color'] === 'red' || classes['mp-button-red'],
          'mp-button-small': $attrs['size'] === 'small',
          'mp-button-large': $attrs['size'] !== 'small'
        }), {
          'mp-button-container': true
        })
      }, function () {
        var __jade_nodes = [];
        __jade_nodes = __jade_nodes.concat(h("div", {
          "class": {
            'mp-button-content': true
          }
        }, function () {
          var __jade_nodes = [];
          __jade_nodes = __jade_nodes.concat($attrs['icon'] ? function () {
            var __jade_nodes = [];
            __jade_nodes = __jade_nodes.concat(h("svg-icon", {
              "attrs": {
                icon: $attrs['icon']
              }
            }));;
            return __jade_nodes;
          }.call(this) : undefined);
          __jade_nodes = __jade_nodes.concat(!iconOnly ? function () {
            var __jade_nodes = [];
            __jade_nodes = __jade_nodes.concat(h("slot"));;
            return __jade_nodes;
          }.call(this) : undefined);;
          return __jade_nodes;
        }.call(this).filter(Boolean)));;
        return __jade_nodes;
      }.call(this).filter(Boolean))
    };
  }.call(this, "$attrs" in locals ? locals.$attrs : typeof $attrs !== "undefined" ? $attrs : undefined, "$component" in locals ? locals.$component : typeof $component !== "undefined" ? $component : undefined, "$helpers" in locals ? locals.$helpers : typeof $helpers !== "undefined" ? $helpers : undefined, "Object" in locals ? locals.Object : typeof Object !== "undefined" ? Object : undefined);
  if (result_of_with) return result_of_with.value;
}
module.exports = _jade_template_fn;