<script lang="ts" setup>
import { defineOptions, ref } from "vue";
import Quill from "@/components/RichEditor/Quill.vue";

defineOptions({ name: "FilterModal" });

const emit = defineEmits(["showNewFilter"]);

const show = ref(false);

function showModal() {
  show.value = true;
}

function closeModal() {
  show.value = false;
}

defineExpose({
  showModal,
});
</script>

<template>
  <div>
    <n-modal
      v-model:show="show"
      transform-origin="center"
      style="margin: calc(13%-147px) auto 0 !important"
    >
      <Quill @close="show = false" />
    </n-modal>
  </div>
</template>

<style lang="less" scoped></style>
