import _extends from "@babel/runtime/helpers/extends";
import * as React from 'react';
import "./index.scss";
var prize01 = function prize01(prize01Props) {
  var isBgColor = prize01Props.isBgColor,
    bgColor = prize01Props.bgColor,
    width = prize01Props.width,
    levelColor = prize01Props.levelColor,
    levelFontFamily = prize01Props.levelFontFamily,
    levelFontSize = prize01Props.levelFontSize,
    levelLineHeight = prize01Props.levelLineHeight,
    prizeColor = prize01Props.prizeColor,
    prizeFontFamily = prize01Props.prizeFontFamily,
    prizeFontSize = prize01Props.prizeFontSize,
    prizeLineHeight = prize01Props.prizeLineHeight,
    titleBold = prize01Props.titleBold,
    titleFontSize = prize01Props.titleFontSize,
    titleFontFamily = prize01Props.titleFontFamily,
    titleColor = prize01Props.titleColor,
    title = prize01Props.title,
    titleLineHeight = prize01Props.titleLineHeight;
  var mainStyle = {
    style: {
      position: 'relative',
      width: width + "%",
      backgroundColor: isBgColor ? bgColor : '',
      padding: '4vw 0'
    }
  };
  var levelStyle = {
    style: {
      color: levelColor,
      fontFamily: levelFontFamily,
      fontSize: levelFontSize + "rem",
      lineHeight: levelLineHeight + "rem"
    }
  };
  var prizeStyle = {
    style: {
      color: prizeColor,
      fontFamily: prizeFontFamily,
      fontSize: prizeFontSize + "rem",
      lineHeight: prizeLineHeight + "rem"
    }
  };
  var titleStyle = {
    style: {
      fontWeight: titleBold ? 'bolder' : 'normal',
      textAlign: 'center',
      fontSize: titleFontSize + "rem",
      fontFamily: titleFontFamily,
      color: titleColor,
      lineHeight: titleLineHeight + "rem",
      paddingBottom: '2vw'
    }
  };
  var prizeList = [{
    text: '15天vip',
    level: '一等奖',
    img: '//img.maimairen.com/low-code/components/marquee-may/dishini01.png'
  }, {
    text: '7天vip',
    level: '二等奖',
    img: '//img.maimairen.com/low-code/components/marquee-may/vip100.png'
  }, {
    text: '1天vip',
    level: '三等奖',
    img: '//img.maimairen.com/low-code/components/marquee-may/dianying01.png'
  }, {
    text: '3豆',
    level: '四等奖',
    img: '//img.maimairen.com/low-code/components/marquee-may/quan01.png'
  }, {
    text: '1豆',
    level: '安慰奖',
    img: '//img.maimairen.com/low-code/components/marquee-may/linghongbao01.png'
  }];
  return /*#__PURE__*/React.createElement("div", mainStyle, /*#__PURE__*/React.createElement("div", titleStyle, title), /*#__PURE__*/React.createElement("div", {
    className: "page"
  }, prizeList.map(function (item, index) {
    return /*#__PURE__*/React.createElement("div", {
      key: item.text + index,
      className: "prize"
    }, /*#__PURE__*/React.createElement("div", {
      className: "prize-item"
    }, /*#__PURE__*/React.createElement("div", {
      className: "itme-img"
    }, /*#__PURE__*/React.createElement("div", {
      className: "img",
      style: {
        backgroundImage: "url(" + item.img + ")"
      }
    })), /*#__PURE__*/React.createElement("div", levelStyle, item.level), /*#__PURE__*/React.createElement("div", _extends({}, prizeStyle, {
      className: "item-text"
    }), item.text)));
  })));
};
export default prize01;