"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.default = void 0;

var _create = _interopRequireDefault(require("../utils/create"));

var _unit = require("../utils/format/unit");

var _relation = require("../mixins/relation");

var _default = (0, _create.default)({
  render: function render() {
    var _obj;

    var _vm = this;

    var _h = _vm.$createElement;

    var _c = _vm._self._c || _h;

    return _c('div', {
      class: [_vm.b(), (_obj = {}, _obj['vm-hairline-top'] = _vm.border && !_vm.gutter, _obj)],
      style: _vm.style
    }, [_vm._t("default")], 2);
  },
  mixins: [(0, _relation.ParentMixin)("vmGrid")],
  name: "grid",
  props: {
    square: Boolean,
    gutter: [Number, String],
    iconSize: [Number, String],
    direction: String,
    clickable: Boolean,
    columnNum: {
      type: [Number, String],
      default: 4
    },
    center: {
      type: Boolean,
      default: true
    },
    border: {
      type: Boolean,
      default: true
    }
  },
  computed: {
    style: function style() {
      var gutter = this.gutter;

      if (gutter) {
        return {
          paddingLeft: (0, _unit.addUnit)(gutter)
        };
      }
    }
  }
});

exports.default = _default;