@makeen.io/material-ui-kit
Version:
Makeen UI components kit. Based on material-ui.
22 lines (12 loc) • 1.68 kB
JavaScript
import _extends from "@babel/runtime/helpers/extends";import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";function _templateObject2() {var data = _taggedTemplateLiteral(["\n ", "\n "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = _taggedTemplateLiteral(["\n display: flex;\n color: ", ";\n cursor: pointer;\n font-size: 13px;\n svg {\n margin-right: 5px;\n width: 20px;\n height: 20px;\n }\n ", "\n"]);_templateObject = function _templateObject() {return data;};return data;}import React from "react";
import AddItemIcon from "../../../assets/icons/add-item.svg";
import styled, { css } from "styled-components";
// ${props => props.theme.palette.tertiary.border}
var Adder = styled(function (_ref) {var adderStyle = _ref.adderStyle,rest = _objectWithoutProperties(_ref, ["adderStyle"]);return /*#__PURE__*/React.createElement("div", _extends({}, rest));})(_templateObject(),
function (props) {return props.theme.palette.infoInvert.contrastText;},
function (props) {return css(_templateObject2(),
props.adderStyle ? props.adderStyle(props) : "");});
export default (function (_ref2) {var type = _ref2.type,label = _ref2.label,handleAdd = _ref2.handleAdd,rest = _objectWithoutProperties(_ref2, ["type", "label", "handleAdd"]);return /*#__PURE__*/React.createElement(Adder, _extends({ onClick: handleAdd }, rest), /*#__PURE__*/
React.createElement(AddItemIcon, null), /*#__PURE__*/
React.createElement("div", null, label));});
//# sourceMappingURL=index.js.map