@makeen.io/material-ui-kit
Version:
Makeen UI components kit. Based on material-ui.
45 lines (16 loc) • 1.87 kB
JavaScript
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";function _templateObject() {var data = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n cursor: pointer;\n\n .value {\n font-size: 13px;\n font-weight: 500;\n line-height: 1.23;\n color: #8f9bb3;\n\n margin: 0;\n }\n\n .icon {\n path {\n &:last-child {\n fill: #8f9bb3;\n }\n }\n\n &_disabled {\n path {\n &:last-child {\n fill: #c5cee0;\n }\n }\n }\n }\n"]);_templateObject = function _templateObject() {return data;};return data;}import React from "react";
import VoteDownIcon from "../../../assets/icons/down.svg";
import VoteUpIcon from "../../../assets/icons/up.svg";
import styled from "styled-components";
var VoteWrapper = styled.div(_templateObject());
export default (function (_ref) {var _ref$direction = _ref.direction,direction = _ref$direction === void 0 ? "up" : _ref$direction,_ref$value = _ref.value,value = _ref$value === void 0 ? 0 : _ref$value,_ref$showValue = _ref.showValue,showValue = _ref$showValue === void 0 ? true : _ref$showValue,handleClick = _ref.handleClick,wrapClassName = _ref.wrapClassName;
var onClickHandler = React.useCallback(function (event) {
if (handleClick) {
handleClick(event);
}
}, [handleClick]);
return /*#__PURE__*/React.createElement(VoteWrapper, { onClick: onClickHandler, className: wrapClassName ? wrapClassName : "" },
!!showValue && /*#__PURE__*/React.createElement("p", { className: "value" }, value),
direction === "up" ? /*#__PURE__*/React.createElement(VoteUpIcon, { className: "icon ".concat(!value ? "icon_disabled" : "") }) : /*#__PURE__*/React.createElement(VoteDownIcon, { className: "icon ".concat(!value ? "icon_disabled" : "") }));
});
//# sourceMappingURL=index.js.map