import {getRestProps} from '../utils';

let {
    className, children, text, disabled, max
} = self.get();

if (typeof text === 'number' && max && text > max) {
    text = `${max}+`;
}

const classNameObj = {
    'k-badge': true,
    [className]: className,
    'k-has-text': text != null,
    'k-alone': !children,
};

<div {{ ...getRestProps(self) }} class={{ classNameObj }}>
    {{ children }}
    <sup class="k-text" v-if={{ !disabled }}>{{ text }}</sup>
</div>