// import * as React from 'react';
// import { createElement, useState } from 'react';
// import './index.scss';
// import { SizeSetter, GroupParamSetter } from '../../../setter';
// // import AddressComponent from '../common/shippingAddress/index';
// import LuckDrawSucc from '../../common/LuckDrawSucc';

// import { Message } from '@alifd/next';

// interface GoldEggProps {
//   // 高度
//   // 金蛋图片
//   bgImgEgg?: string;
//   bgImgEggSize?: SizeSetter;
//   // 锤子图片
//   bgImgSmart?: string;
//   bgImgSmartSize?: SizeSetter;
//   // 缩放
//   bgSize?: GroupParamSetter;
//   // 背景透明度
//   bgOpacity?: SizeSetter;
//   // 重复
//   bgPosition?: 'RadioGroupSetter';
//   text?: string;
//   font?: 'SelectSetter';
//   fontSize?: 'NumberSetter';
//   fontColor?: 'ColorSetter';
//   fontPosition?: 'RadioGroupSetter';
//   fontOpacity?: SizeSetter;

//   // 按钮
//   btnOpacity?: 100;
//   btnSize?: 18;
//   btnFontFamily?: '';
//   btnTextColor?: '';
// }
// const triger: React.FC<GoldEggProps> = function (GoldEggProps) {
//   const data = { ...GoldEggProps };
//   // eslint-disable-next-line react-hooks/rules-of-hooks
//   const [state, setState] = useState({
//     isOpenPrize: false,
//     countPrized: 2,
//     prizeTextList: {
//       icon: 'prize',
//       msg: '恭喜您中奖啦!',
//       prizeLv: ['特等奖', '冬奥冰墩墩钥匙扣 × 1'],
//     },
//   });
//   const btnState = (prize, message) => {
//     console.log('11111', prize);
//     // let winMessage;
//     // if (prize.imgs && prize.imgs[1].src) {
//     //   winMessage = prize.imgs[1].src
//     // } else if (prize.imgs && prize.imgs[0].src) {
//     //   winMessage = prize.imgs[0].src
//     // }
//     // console.log("winMessage", winMessage)
//     setState({
//       countPrized: state.countPrized,
//       isOpenPrize: !state.isOpenPrize,
//       prizeTextList: {
//         icon: prize.imgs && (prize.imgs?.[1]?.src || prize.imgs?.[0]?.src),
//         msg: message,
//         prizeLv: [prize.fonts && prize.fonts[0].text, ''],
//       },
//     });
//   };
//   const subtract = () => {
//     if (state.countPrized > 0) {
//       setState({
//         countPrized: --state.countPrized,
//       });
//     }
//   };
//   const { isOpenPrize, prizeTextList, countPrized } = state;
//   const { trigerType } = data;
//   const renderApp = () => {
//     if (trigerType === 1) {
//       return (
//         <div>
//           <MySlotMachineChild data={data} />
//         </div>
//       );
//     } else if (trigerType === 2) {
//       return (
//         <div>
//           <MySlotMachineChild02
//             data={data}
//             btnState={btnState}
//             countPrized={countPrized}
//             subtract={subtract}
//           >
//             <LuckDrawSucc {...{ btnState, prizeTextList, isOpenPrize }} />
//           </MySlotMachineChild02>
//         </div>
//       );
//     } else if (trigerType === 3) {
//       return (
//         <div>
//           <MySlotMachineChild03
//             data={data}
//             btnState={btnState}
//             countPrized={countPrized}
//             subtract={subtract}
//           >
//             <LuckDrawSucc {...{ btnState, prizeTextList, isOpenPrize }} />
//           </MySlotMachineChild03>
//         </div>
//       );
//     } else if (trigerType === 4) {
//       return (
//         <div>
//           <MySlotMachineChild04 data={data} />
//         </div>
//       );
//     } else if (trigerType === 5) {
//       return (
//         <div>
//           <MySlotMachineChild05
//             data={data}
//             btnState={btnState}
//             countPrized={countPrized}
//             subtract={subtract}
//           >
//             <LuckDrawSucc {...{ btnState, prizeTextList, isOpenPrize }} />
//           </MySlotMachineChild05>
//         </div>
//       );
//     }
//   };
//   return <div>{renderApp()}</div>;
// };

// export default triger;
// export type { koiSlotMachinProps };