import { defineComponent, ref, watch } from 'vue';
import styles from './holder.module.less';
import { NButton, NImage, NSpace } from 'naive-ui';
import radiusIcon from '../images/radiusIcon.png';
import moveTop from '@/views/login/images/moveTopBg.png';
import dingPng from '@/views/login/images/ding.png';
import closeAble from '@/views/login/images/closeAble.png';
export default defineComponent({
  props: ['item', 'message'],
  emits: ['close'],
  name: 'placeholderTone',
  setup(props, { emit }) {
    return () => (
      <>
        <div class={styles.downMove}>
          <img src={dingPng} class={styles.dingPng} alt="" />
          <img src={moveTop} class={styles.downMoveBg} alt="" />
          {/* <img src={closeAble} class={styles.closeAble} onClick={() => {
            emit('close')
          }} alt="" /> */}
          <h2>温馨提示</h2>
          <p>{props.message || '调音器功能暂未开放，敬请期待！'}</p>
          {/* <NButton>确定</NButton> */}
          <NSpace style={{ padding: '25px 0 0 0' }} justify="center">
            <NButton
              {...{
                id: 'submitBtn'
              }}
              class={styles.submitAppBtn}
              round
              type="primary"
              onClick={() => {
                emit('close');
              }}>
              我知道了
            </NButton>
          </NSpace>
        </div>
      </>
    );
  }
});
