import Icon from '../icon';
import CellMixin from '../mixins/cell';
import RouterLink from '../mixins/router-link';
import create from '../utils/create-basic';
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 = {
        center: _vm.center,
        required: _vm.required
      }, _obj[_vm.size] = _vm.size, _obj.borderless = !_vm.border, _obj.clickable = _vm.isLink || _vm.clickable, _obj.shortBorder = _vm.shortBorder, _obj))],
      on: {
        "click": _vm.onClick
      }
    }, [_c('div', {
      class: _vm.b('content')
    }, [_vm._t("icon", [_vm.icon ? _c('icon', {
      class: _vm.b('left-icon'),
      attrs: {
        "name": _vm.icon
      }
    }) : _vm._e()]), _vm.isDef(_vm.title) || _vm.$slots.title ? _c('div', {
      class: [_vm.b('title'), _vm.titleClass]
    }, [_vm._t("title", [_c('span', {
      domProps: {
        "textContent": _vm._s(_vm.title)
      }
    })])], 2) : _vm._e(), _vm.isDef(_vm.value) || _vm.$slots.default ? _c('div', {
      class: [_vm.b('value', {
        alone: !_vm.$slots.title && !_vm.title
      }), _vm.valueClass]
    }, [_vm._t("default", [_c('span', {
      domProps: {
        "textContent": _vm._s(_vm.value)
      }
    })])], 2) : _vm._e(), _vm._t("right-icon", [_vm.isLink ? _c('icon', {
      class: _vm.b('right-icon'),
      attrs: {
        "name": "chevron-right"
      }
    }) : _vm._e()]), _vm._t("extra")], 2), _vm._t("label", [_vm.label ? _c('div', {
      class: [_vm.b('label'), _vm.labelClass],
      domProps: {
        "textContent": _vm._s(_vm.label)
      }
    }) : _vm._e()])], 2);
  },
  name: 'cell',
  components: {
    Icon: Icon
  },
  mixins: [CellMixin, RouterLink],
  props: {
    size: String,
    clickable: Boolean
  },
  computed: {},
  methods: {
    onClick: function onClick() {
      this.$emit('click');
      this.routerLink();
    }
  }
});