"use strict";Object.defineProperty(exports, "__esModule", {value: true});// tmp-babel/profiles/web/ProfileComponent/ReportButtonWithDialog/components/SummaryStep.js
var _web = require('@baseapp-frontend/design-system/hooks/web');
var _material = require('@mui/material');
var _jsxruntime = require('react/jsx-runtime');
var SummaryStep = function SummaryStep2(_ref) {
  var reportType = _ref.reportType, reportSubType = _ref.reportSubType, reportText = _ref.reportText, isMutationInFlight = _ref.isMutationInFlight, handleReport = _ref.handleReport;
  var smDown = _web.useResponsive.call(void 0, "down", "sm");
  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Box, {
    display: "flex",
    flexDirection: "column",
    gap: 2,
    children: [/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, {
      variant: "h5",
      textAlign: smDown ? "center" : "left",
      children: "You're about to submit a report"
    }), /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, {
      variant: "body2",
      textAlign: smDown ? "center" : "left",
      children: "Your report is anonymous. If someone is in immediate danger, call the local emergency services - don't wait."
    }), /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Divider, {
      sx: {
        marginX: "-32px"
      }
    }), /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Box, {
      display: "flex",
      flexDirection: "column",
      gap: 1,
      children: [/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, {
        variant: "body2",
        children: "Why are you reporting this?"
      }), /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, {
        variant: "caption",
        color: "text.secondary",
        children: reportType === null || reportType === void 0 ? void 0 : reportType.label
      })]
    }), reportSubType && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Box, {
      display: "flex",
      flexDirection: "column",
      gap: 2,
      children: [/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Typography, {
        variant: "body2",
        children: ["What type of ", reportType === null || reportType === void 0 ? void 0 : reportType.label, "?"]
      }), /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, {
        variant: "caption",
        color: "text.secondary",
        children: reportSubType === null || reportSubType === void 0 ? void 0 : reportSubType.label
      })]
    }), /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Box, {
      display: "flex",
      flexDirection: "column",
      gap: 1,
      children: [/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, {
        variant: "body2",
        children: "About the problem"
      }), /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, {
        variant: "caption",
        color: "text.secondary",
        children: reportText
      })]
    }), /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Button, {
      disabled: isMutationInFlight,
      onClick: handleReport,
      sx: {
        marginTop: 2
      },
      children: "Submit Report"
    })]
  });
};
var SummaryStep_default = SummaryStep;



exports.SummaryStep_default = SummaryStep_default;
//# sourceMappingURL=chunk-BMDB3QCE.js.map