"use strict";

function _jade_template_fn(locals) {
  locals = locals || {};;;
  var result_of_with = function ($attrs, $helpers, fileName) {
    var h = require('panel').h;
    return {
      value: h("div", {
        "class": {
          'mp-file-uploader-container': true
        }
      }, function () {
        var __jade_nodes = [];
        __jade_nodes = __jade_nodes.concat(h("input", {
          "attrs": {
            type: "text",
            disabled: true,
            value: fileName,
            placeholder: $attrs['placeholder']
          },
          "class": {
            'mp-file-uploader-file-name': true
          }
        }));
        __jade_nodes = __jade_nodes.concat(h("div", {
          "class": {
            'mp-file-uploader-alignment-pipe': true
          }
        }));
        __jade_nodes = __jade_nodes.concat(h("label", {
          "class": {
            'mp-file-uploader-upload-button': true
          }
        }, function () {
          var __jade_nodes = [];
          __jade_nodes = __jade_nodes.concat("" + $attrs['label'] + "");
          __jade_nodes = __jade_nodes.concat(h("input", {
            "attrs": {
              type: "file",
              accept: $attrs['accept']
            },
            "on": {
              change: $helpers.toggleFileChange
            },
            "class": {
              'mp-file-uploader-file-input': true
            }
          }));;
          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, "$helpers" in locals ? locals.$helpers : typeof $helpers !== "undefined" ? $helpers : undefined, "fileName" in locals ? locals.fileName : typeof fileName !== "undefined" ? fileName : undefined);
  if (result_of_with) return result_of_with.value;
}
module.exports = _jade_template_fn;