UNPKG

@makeen.io/material-ui-kit

Version:
31 lines (14 loc) 1.96 kB
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