"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));

var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));

var _react = _interopRequireDefault(require("react"));

var _styles = require("@material-ui/core/styles");

var _renderUi = require("../../render-ui");

var _default = (0, _styles.withStyles)(function (theme) {
  return {
    label: {
      color: 'rgba(0, 0, 0, 0.89)',
      fontSize: theme.typography.fontSize - 2,
      left: '-5px',
      position: 'relative'
    },
    customColor: {
      color: "".concat(_renderUi.color.tertiary(), " !important")
    }
  };
})(function (_ref) {
  var label = _ref.label,
      value = _ref.value,
      checked = _ref.checked,
      onChange = _ref.onChange,
      classes = _ref.classes;
  return /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
    value: value,
    classes: {
      label: classes.label
    },
    control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
      className: classes.customColor,
      checked: checked,
      onChange: onChange
    }),
    label: label
  });
});

exports["default"] = _default;
//# sourceMappingURL=settings-radio-label.js.map