@doopage/react-ui-kit
Version:
UI-kit for DooPage project
45 lines (40 loc) • 1.74 kB
JavaScript
import _extends from "@babel/runtime/helpers/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
import React, { memo } from 'react';
import FormControlLabel from "@material-ui/core/FormControlLabel";
import Switch from "@material-ui/core/Switch";
import Tooltip from "@material-ui/core/Tooltip";
import Zoom from "@material-ui/core/Zoom";
import classNames from 'classnames';
import useStyles from './styles';
var Index = function (props) {
var _classNames;
var classes = useStyles(props);
var helperText = props.helperText,
hide = props.hide,
label = props.label,
formProps = props.formProps,
_props$color = props.color,
color = _props$color === void 0 ? 'primary' : _props$color,
children = props.children,
className = props.className,
labelPlacement = props.labelPlacement,
rest = _objectWithoutPropertiesLoose(props, ["helperText", "hide", "label", "formProps", "color", "children", "className", "labelPlacement"]);
if (hide) return null;
var customClass = classNames(className, (_classNames = {}, _classNames[classes[color]] = color, _classNames));
var switchCom = /*#__PURE__*/React.createElement(Switch, _extends({}, rest, {
className: customClass
}));
if (label || children || formProps) switchCom = /*#__PURE__*/React.createElement(FormControlLabel, _extends({
control: switchCom,
label: label || children,
labelPlacement: labelPlacement
}, formProps));
if (helperText) switchCom = /*#__PURE__*/React.createElement(Tooltip, {
TransitionComponent: Zoom,
title: helperText,
placement: 'bottom'
}, switchCom);
return switchCom;
};
export default /*#__PURE__*/memo(Index);