import { computed, unref, defineComponent } from "vue";
import "./resizer.css";

export default defineComponent({
  name: "resizer",
  props: {
    split: {
      type: String,
      required: true
    },
    className: {
      type: String,
      default: ""
    }
  },
  setup(props) {
    const classes = computed(() => {
      return ["splitter-pane-resizer", props.split, props.className].join(" ");
    });

    return () => <div class={unref(classes)}></div>;
  }
});