@e-group/material-module/SurveyQuestions/QuestionOption/QuestionOption.js

EGroup Team react component modules.

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

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

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

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

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

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

var _clsx = _interopRequireDefault(require("clsx"));

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

var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));

var _QuestionOptionDecorated = _interopRequireDefault(require("../QuestionOptionDecorated"));

const useStyles = (0, _core.makeStyles)(() => ({
  root: {
    display: 'flex',
    alignItems: 'center'
  }
}));
const QuestionOption = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
  const className = props.className,
        _props$type = props.type,
        type = _props$type === void 0 ? 'radio' : _props$type,
        index = props.index,
        MuiTypographyProps = props.MuiTypographyProps,
        children = props.children,
        other = (0, _objectWithoutProperties2.default)(props, ["className", "type", "index", "MuiTypographyProps", "children"]);
  const classes = useStyles();
  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
    className: (0, _clsx.default)(className, classes.root),
    ref: ref
  }, other), /*#__PURE__*/_react.default.createElement(_QuestionOptionDecorated.default, {
    type: type,
    index: index
  }), /*#__PURE__*/_react.default.createElement(_Typography.default, (0, _extends2.default)({
    variant: "body1"
  }, MuiTypographyProps), children));
});
var _default = QuestionOption;
exports.default = _default;