@makeen.io/material-ui-kit
Version:
Makeen UI components kit. Based on material-ui.
36 lines (21 loc) • 1.99 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 .MuiFormLabel-root {\n font-size: 15px;\n font-weight: 600;\n font-stretch: normal;\n line-height: 1.6;\n letter-spacing: normal;\n color: ", ";\n }\n\n ", "\n"]);_templateObject = function _templateObject() {return data;};return data;}import React from "react";
import FormControl from "@material-ui/core/FormControl";
import FormGroup from "@material-ui/core/FormGroup";
import FormHelperText from "@material-ui/core/FormHelperText";
import FormLabel from "@material-ui/core/FormLabel";
import styled, { css } from "styled-components";
export default styled(function (_ref) {var children = _ref.children,helper = _ref.helper,label = _ref.label,rest = _objectWithoutProperties(_ref, ["children", "helper", "label"]);return /*#__PURE__*/React.createElement("div", _extends({}, rest), /*#__PURE__*/
React.createElement(FormControl, { component: "fieldset" }, /*#__PURE__*/
React.createElement(FormLabel, { component: "legend" }, label), /*#__PURE__*/
React.createElement(FormGroup, null, children),
helper && /*#__PURE__*/React.createElement(FormHelperText, null, helper)));})(_templateObject(),
function (props) {return props.theme.palette.colors.basic[600];},
function (props) {
var customStyle = props.customStyle || "";
if (props.required) {
customStyle = customStyle.concat("\n .MuiFormLabel-root:after {\n content: \"*\";\n margin-left: 5px;\n }\n ");
}
return css(_templateObject2(),
customStyle);
});
//# sourceMappingURL=index.js.map