@makeen.io/material-ui-kit/distr/atoms/InputPreviews/BasePreview.js

Makeen UI components kit. Based on material-ui.

import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";function _templateObject() {var data = _taggedTemplateLiteral(["\n  display: flex;\n  font-size: 15px;\n  align-items: ", ";\n  & .input-icon path[fill] {\n    fill: ", ";\n  }\n  & .input-text-block {\n    margin-left: 10px;\n    display: flex;\n    flex-direction: column;\n\n    & .sub-text {\n      color: ", ";\n      font-size: 12px;\n    }\n  }\n"]);_templateObject = function _templateObject() {return data;};return data;}import React from "react";
import styled from "styled-components";
var BasePreview = styled(function (_ref) {var className = _ref.className,InputIcon = _ref.InputIcon,main = _ref.main,sub = _ref.sub,_ref$reverse = _ref.reverse,reverse = _ref$reverse === void 0 ? false : _ref$reverse;return /*#__PURE__*/ (
    /* if(React.isValidElement(main))
  main = <main/>
  if(React.isValidElement(sub))
  sub = <sub/> */
    React.createElement("div", { className: className }, /*#__PURE__*/
    React.createElement(InputIcon, { className: "input-icon", fontSize: 30, width: 30, height: 30 }), /*#__PURE__*/
    React.createElement("div", { className: "input-text-block" },
    reverse && /*#__PURE__*/React.createElement("span", { className: "sub-text" }, sub), /*#__PURE__*/
    React.createElement("span", null, main),
    !reverse && /*#__PURE__*/React.createElement("span", { className: "sub-text" }, sub))));})(_templateObject(),


function (props) {return props.reverse ? "flex-start" : "flex-end";},

function (props) {return props.theme.palette.tertiary.border;},







function (props) {return props.theme.palette.infoInvert.contrastText;});




export default BasePreview;
//# sourceMappingURL=BasePreview.js.map