import { App } from "vue";
import {
  Button,
  ConfigProvider,
  DatePicker,
  Form,
  Input,
  Layout,
  Menu,
  Modal,
  Select,
  Table,
} from "ant-design-vue";

import VueClipboard3 from "./vue-clipboard";
import VueConfirmDirective from "./vue-confirm";

import { ModalConfirmKey } from "./injectionKey";

const install = (app: App<Element>) => {
  app.provide(ModalConfirmKey, Modal.confirm);
  app.config.globalProperties.$confirm = Modal.confirm;

  return app
    .use(VueClipboard3)
    .use(VueConfirmDirective)
    .use(ConfigProvider)
    .use(Layout)
    .use(Menu)
    .use(Form)
    .use(Input)
    .use(Button)
    .use(Select)
    .use(DatePicker)
    .use(Table);
};

export default install;