import create from "../utils/create";
import { addUnit } from "../utils/format/unit";
import { ParentMixin } from "../mixins/relation";
export default create({
  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: [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: addUnit(gutter)
        };
      }
    }
  }
});