test-nut-ui
Version:
<p align="center"> <img alt="logo" src="https://img11.360buyimg.com/imagetools/jfs/t1/211965/25/7152/22022/61b16785E433119bb/aa41d7a9f7e823f3.png" width="150" style="margin-bottom: 10px;"> </p>
37 lines (36 loc) • 1.79 kB
JavaScript
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
import React__default, { useState, useEffect } from "react";
import { O as Overlay } from "./overlay2.js";
import { I as Image } from "./image2.js";
var VotePageRulesCard = function VotePageRulesCard2(props) {
var _props$visible = props.visible, visible = _props$visible === void 0 ? false : _props$visible, _props$content = props.content, content = _props$content === void 0 ? "" : _props$content, _props$bgImage = props.bgImage, bgImage = _props$bgImage === void 0 ? "" : _props$bgImage, _props$title = props.title, title = _props$title === void 0 ? "" : _props$title, _props$colseIcon = props.colseIcon, colseIcon = _props$colseIcon === void 0 ? "" : _props$colseIcon, _onClick = props.onClick;
var _useState = useState(visible), _useState2 = _slicedToArray(_useState, 2), showWithTabs = _useState2[0], setShowWithTabs = _useState2[1];
useEffect(function() {
setShowWithTabs(visible);
}, [visible]);
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Overlay, {
visible: showWithTabs
}, React__default.createElement("div", {
className: "votepagerulescard"
}, React__default.createElement("div", {
className: "content"
}, React__default.createElement(Image, {
className: "bgimage",
src: bgImage
}), React__default.createElement("div", {
className: "title"
}, title), React__default.createElement("div", {
className: "detail"
}, content)), React__default.createElement(Image, {
className: "closeimage",
src: colseIcon,
onClick: function onClick() {
_onClick();
setShowWithTabs(false);
}
}))));
};
VotePageRulesCard.displayName = "NutVotePageRulesCard";
export {
VotePageRulesCard as V
};