// @ts-nocheck

/* eslint-disable */
// Styles
import "./VCounter.sass"; // Mixins

import Themeable, { functionalThemeClasses } from "../../mixins/themeable/index.mjs"; // Types

import mixins from "../../util/mixins.mjs";
/* @vue/component */

export default mixins(Themeable).extend({
  name: 'v-counter',
  functional: true,
  props: {
    value: {
      type: [Number, String],
      default: ''
    },
    max: [Number, String]
  },

  render(h, ctx) {
    const {
      props
    } = ctx;
    const max = parseInt(props.max, 10);
    const value = parseInt(props.value, 10);
    const content = max ? "".concat(value, " / ").concat(max) : String(props.value);
    const isGreater = max && value > max;
    return h('div', {
      staticClass: 'v-counter',
      class: {
        'error--text': isGreater,
        ...functionalThemeClasses(ctx)
      }
    }, content);
  }

});
//# sourceMappingURL=VCounter.mjs.map