import _extends from "@babel/runtime/helpers/extends";
import _Slider from "@alifd/next/es/slider";
import "./index.scss";
import * as React from 'react';
var winner02 = function winner02(winner02Props) {
  var isBgColor = winner02Props.isBgColor,
    bgColor = winner02Props.bgColor,
    innerBgColor = winner02Props.innerBgColor,
    titleBold = winner02Props.titleBold,
    titleFontSize = winner02Props.titleFontSize,
    titleFontFamily = winner02Props.titleFontFamily,
    titleColor = winner02Props.titleColor,
    textColor = winner02Props.textColor,
    textFontSize = winner02Props.textFontSize,
    textFontFamily = winner02Props.textFontFamily,
    lineHeight = winner02Props.lineHeight;
  var mainStyle = {
    style: {
      backgroundColor: isBgColor ? bgColor : ''
    }
  };
  var titleStyle = {
    style: {
      fontWeight: titleBold ? 'bolder' : 'normal',
      textAlign: 'center',
      fontSize: titleFontSize,
      fontFamily: titleFontFamily,
      color: titleColor
    }
  };
  var innerStyle = {
    style: {
      background: innerBgColor,
      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: "winner02"
  }, mainStyle), /*#__PURE__*/React.createElement("div", _extends({
    className: "content"
  }, innerStyle), /*#__PURE__*/React.createElement(_Slider, {
    slideDirection: "ver",
    dots: false,
    arrows: false,
    adaptiveHeight: true,
    slidesToShow: 1,
    autoplaySpeed: 2500,
    arrowPosition: "inner",
    arrowDirection: "ver",
    className: "ver-slick",
    autoplay: true
  }, list.map(function (item, index) {
    return /*#__PURE__*/React.createElement("div", {
      className: "list",
      key: index
    }, /*#__PURE__*/React.createElement("div", titleStyle, item.time), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
      style: {
        color: '#E9D608'
      }
    }, item.name), "\u62BD\u4E2D", item.prizeName), /*#__PURE__*/React.createElement("div", null));
  }))));
};
export default winner02;