import { MyBetaModalFormProps } from '@/common';
import { PlayCircleFilled } from '@ant-design/icons';
import { ProCard } from '@ant-design/pro-components';
import './style.scss';
export default function infoPreview(props: MyBetaModalFormProps) {
  return (
    <>
      {props?.item?.type === 'Image' ? (
        <div className="card_info_preview">
          <div className="title">内容预览：朋友圈/图片消息</div>
          <ProCard>
            <div className="preview_header">
              <div className="avatar">员工头像</div>
              <div className="info">
                <div className="name">员工名字</div>
                <div className="desc">此处显示“发送文案”</div>
              </div>
            </div>
            <div className="preview_content">
              <div className="item"></div>
              <div className="item"></div>
              <div className="item"></div>
              <div className="item"></div>
            </div>
          </ProCard>
        </div>
      ) : props?.item?.type === 'Video' ? (
        <div className="card_info_preview">
          <div className="title">内容预览：朋友圈/视频消息</div>
          <ProCard>
            <div className="preview_header">
              <div className="avatar">员工头像</div>
              <div className="info">
                <div className="name">员工名字</div>
                <div className="desc">此处显示“发送文案”</div>
              </div>
            </div>
            <div className="preview_content">
              <div className="video_preview">
                <PlayCircleFilled style={{ fontSize: 40 }} />
              </div>
            </div>
          </ProCard>
        </div>
      ) : props?.item?.type === 'Link' ||
        props?.item?.type === 'MiniProgram' ? (
        <div className="card_info_preview">
          <div className="title">内容预览：朋友圈/转载链接消息</div>
          <ProCard>
            <div className="preview_header">
              <div className="avatar">员工头像</div>
              <div className="info">
                <div className="name">员工的名字</div>
                <div className="desc">此处显示“发送文案”输入的文案</div>
              </div>
            </div>
            <div className="preview_content cover_image_preview">
              <div className="cover_image">封面</div>
              <div className="cover_info">
                此处显示“链接标题”，字数较多时自动换行显示
              </div>
            </div>
          </ProCard>
        </div>
      ) : (
        <></>
      )}
    </>
  );
}
