import { defineComponent, createVNode as _createVNode } from 'vue';
import Mark from './Mark';
const marksProps = () => ({
  prefixCls: String,
  marks: Array,
  onClick: Function
});
const Marks = defineComponent({
  name: 'AMarks',
  props: marksProps(),
  setup(props) {
    return () => {
      const {
        prefixCls,
        marks,
        onClick
      } = props;
      const markPrefixCls = `${prefixCls}-mark`;
      if (!marks.length) {
        return null;
      }
      return _createVNode("div", {
        "class": markPrefixCls
      }, [marks.map(({
        value,
        style,
        label
      }) => _createVNode(Mark, {
        "key": value,
        "prefixCls": markPrefixCls,
        "style": style,
        "value": value,
        "onClick": onClick
      }, {
        default: () => [label]
      }))]);
    };
  }
});
export default Marks;