"use strict";Object.defineProperty(exports, "__esModule", {value: true});

var _chunkHNNL5DW4js = require('./chunk-HNNL5DW4.js');

// tmp-babel/profiles/web/ProfileComponent/ReportButtonWithDialog/components/TextStep.js
var _web = require('@baseapp-frontend/design-system/hooks/web');
var _material = require('@mui/material');
var _jsxruntime = require('react/jsx-runtime');
var TextStep = function TextStep2(_ref) {
  var reportText = _ref.reportText, setReportText = _ref.setReportText, setCurrentStep = _ref.setCurrentStep;
  var smDown = _web.useResponsive.call(void 0, "down", "sm");
  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, {
    children: [/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, {
      variant: "h5",
      textAlign: smDown ? "center" : "left",
      children: "How would you describe the problem?"
    }), /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, {
      variant: "body2",
      textAlign: smDown ? "center" : "left",
      children: "Use the text field below to explain what the problem you are reporting is."
    }), /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Divider, {
      sx: {
        marginX: "-32px"
      }
    }), /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.TextField, {
      fullWidth: true,
      multiline: true,
      rows: 4,
      value: reportText,
      onChange: function onChange(e) {
        return setReportText(e.target.value);
      },
      placeholder: "I find the post to be offensive..."
    }), /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Button, {
      onClick: function onClick() {
        return setCurrentStep(_chunkHNNL5DW4js.STEPS.summary);
      },
      disabled: !reportText,
      children: "Confirm"
    })]
  });
};
var TextStep_default = TextStep;



exports.TextStep_default = TextStep_default;
//# sourceMappingURL=chunk-PUGD275H.js.map