import DingTalk from './DingTalk';
import DingTalkRebot from './DingTalkRebot';
import AliyunSms from './AliyunSms';
import AliyunVoice from './AliyunVoice';
import Email from './Email';
import Webhook from './Webhook';
import WeixinApp from './WeixinApp';
import WeixinCorp from './WeixinCorp';
import { defineComponent } from 'vue';

export default defineComponent({
  name: 'Doc',
  props: {
    docData: {
      type: Object,
      default: () => ({})
    }
  },
  setup(props) {
    const docMap = {
      weixin: {
        corpMessage: <WeixinCorp />,
        officialMessage: <WeixinApp />
      },
      dingTalk: {
        dingTalkMessage: <DingTalk />,
        dingTalkRobotWebHook: <DingTalkRebot />
      },
      voice: {
        aliyun: <AliyunVoice />
      },
      sms: {
        aliyunSms: <AliyunSms />
      },
      email: {
        embedded: <Email />
      },
      webhook: {
        http: <Webhook />
      }
    };

    return () => docMap?.[props.docData.type]?.[props.docData.provider];
  }
});