@makeen.io/material-ui-kit
Version:
Makeen UI components kit. Based on material-ui.
31 lines (14 loc) • 1.96 kB
JavaScript
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";function _templateObject3() {var data = _taggedTemplateLiteral(["\n flex: 10;\n .main {\n font-size: 15px;\n font-weight: bold;\n }\n\n .description {\n color: ", ";\n font-size: 12px;\n }\n"]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = _taggedTemplateLiteral(["\n margin-right: 20px;\n min-height: 50px !important;\n flex: 2;\n"]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n"]);_templateObject = function _templateObject() {return data;};return data;}import React from "react";
import styled from "styled-components";
var ActivityIndicatorWrapper = styled.div(_templateObject());
var VisualWrapper = styled.div(_templateObject2());
var ActivityDescriptionWrapper = styled.div(_templateObject3(),
function (props) {return props.theme.palette.text.secondary;});
var ActivityDescription = function ActivityDescription(_ref) {var main = _ref.main,description = _ref.description;return /*#__PURE__*/React.createElement(ActivityDescriptionWrapper, null, /*#__PURE__*/
React.createElement("div", { className: "main" }, main), /*#__PURE__*/
React.createElement("div", { className: "description" }, description));};
var classNamePrefix = "explorer-activity-indicator";
export default (function (_ref2) {var visual = _ref2.visual,main = _ref2.main,description = _ref2.description;return /*#__PURE__*/React.createElement(ActivityIndicatorWrapper, { className: classNamePrefix }, /*#__PURE__*/
React.createElement(VisualWrapper, { className: "".concat(classNamePrefix, " visual") }, visual), /*#__PURE__*/
React.createElement(ActivityDescription, { main: main, description: description }));});
//# sourceMappingURL=index.js.map