import _extends from "@babel/runtime/helpers/extends";
import "./index.scss";
import * as React from 'react';
// import { Icon } from '@alifd/next';

var winner01 = function winner01(winner01Props) {
  var bgColor = winner01Props.bgColor,
    isBgColor = winner01Props.isBgColor,
    titleColor = winner01Props.titleColor,
    textColor = winner01Props.textColor,
    textFontSize = winner01Props.textFontSize,
    textFontFamily = winner01Props.textFontFamily,
    lineHeight = winner01Props.lineHeight;
  var mainStyle = {
    style: {
      backgroundColor: isBgColor ? bgColor : ''
    }
  };
  // const titleStyle = {
  //   style: {
  //     fontWeight: titleBold ? 'bolder' : 'normal',
  //     textAlign: 'center',
  //     fontSize: `${titleFontSize}px`,
  //     fontFamily: titleFontFamily,
  //     color: titleColor,
  //     paddingBottom: '2vw',
  //   },
  // };
  var innerStyle = {
    style: {
      backgroundColor: isBgColor ? bgColor : '',
      color: textColor,
      fontSize: textFontSize + "px",
      fontFamily: textFontFamily,
      lineHeight: lineHeight + "px"
    }
  };
  var list = [{
    time: '10分钟前',
    name: '张*',
    prizeName: '500元大奖'
  }, {
    time: '10分钟前',
    name: '李*',
    prizeName: '500元大奖'
  }, {
    time: '1小时前',
    name: '王*子',
    prizeName: '500元空气炸锅'
  }, {
    time: '10分钟前',
    name: '张*',
    prizeName: '500元大奖'
  }, {
    time: '1小时前',
    name: '王*子',
    prizeName: '500元空气炸锅'
  }, {
    time: '1小时前',
    name: '王*子',
    prizeName: '价值500元空气炸锅'
  }];
  // const { list = demo } = this.props
  return /*#__PURE__*/React.createElement("div", _extends({
    className: "winner"
  }, mainStyle), /*#__PURE__*/React.createElement("div", _extends({
    className: "content"
  }, innerStyle), /*#__PURE__*/React.createElement("div", {
    className: "list"
  }, list.map(function (item, index) {
    return /*#__PURE__*/React.createElement("div", {
      className: "card",
      key: index
    }, /*#__PURE__*/React.createElement("div", {
      className: "list-item"
    }, item.time), /*#__PURE__*/React.createElement("div", {
      className: "list-item"
    }, item.name), /*#__PURE__*/React.createElement("div", {
      className: "list-item flex-2"
    }, "\u62BD\u4E2D\u4E86", /*#__PURE__*/React.createElement("span", {
      style: {
        color: titleColor
      }
    }, item.prizeName)));
  }))));
};
export default winner01;