drip-ui/lib/row/index.js

Lightweight Mobile UI Components built on Vue

"use strict";

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

exports.__esModule = true;
exports["default"] = void 0;

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

var _default = (0, _create["default"])({
  render: function render() {
    var _vm = this;

    var _h = _vm.$createElement;

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

    return _c('div', {
      staticClass: "drip-row",
      style: _vm.style
    }, [_vm._t("default")], 2);
  },
  name: 'drip-row',
  props: {
    gutter: {
      type: [Number, String],
      "default": 0
    }
  },
  computed: {
    style: function style() {
      var margin = "-" + this.gutter / 2 + "px";
      return this.gutter ? {
        marginLeft: margin,
        marginRight: margin
      } : {};
    }
  }
});

exports["default"] = _default;