// tmp-babel/profiles/web/ProfileComponent/ReportButtonWithDialog/components/SummaryStep.js
import { useResponsive } from "@baseapp-frontend/design-system/hooks/web";
import { Box, Button, Divider, Typography } from "@mui/material";
import { jsx as _jsx, jsxs as _jsxs } from "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 = useResponsive("down", "sm");
  return /* @__PURE__ */ _jsxs(Box, {
    display: "flex",
    flexDirection: "column",
    gap: 2,
    children: [/* @__PURE__ */ _jsx(Typography, {
      variant: "h5",
      textAlign: smDown ? "center" : "left",
      children: "You're about to submit a report"
    }), /* @__PURE__ */ _jsx(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__ */ _jsx(Divider, {
      sx: {
        marginX: "-32px"
      }
    }), /* @__PURE__ */ _jsxs(Box, {
      display: "flex",
      flexDirection: "column",
      gap: 1,
      children: [/* @__PURE__ */ _jsx(Typography, {
        variant: "body2",
        children: "Why are you reporting this?"
      }), /* @__PURE__ */ _jsx(Typography, {
        variant: "caption",
        color: "text.secondary",
        children: reportType === null || reportType === void 0 ? void 0 : reportType.label
      })]
    }), reportSubType && /* @__PURE__ */ _jsxs(Box, {
      display: "flex",
      flexDirection: "column",
      gap: 2,
      children: [/* @__PURE__ */ _jsxs(Typography, {
        variant: "body2",
        children: ["What type of ", reportType === null || reportType === void 0 ? void 0 : reportType.label, "?"]
      }), /* @__PURE__ */ _jsx(Typography, {
        variant: "caption",
        color: "text.secondary",
        children: reportSubType === null || reportSubType === void 0 ? void 0 : reportSubType.label
      })]
    }), /* @__PURE__ */ _jsxs(Box, {
      display: "flex",
      flexDirection: "column",
      gap: 1,
      children: [/* @__PURE__ */ _jsx(Typography, {
        variant: "body2",
        children: "About the problem"
      }), /* @__PURE__ */ _jsx(Typography, {
        variant: "caption",
        color: "text.secondary",
        children: reportText
      })]
    }), /* @__PURE__ */ _jsx(Button, {
      disabled: isMutationInFlight,
      onClick: handleReport,
      sx: {
        marginTop: 2
      },
      children: "Submit Report"
    })]
  });
};
var SummaryStep_default = SummaryStep;

export {
  SummaryStep_default
};
//# sourceMappingURL=chunk-6KVOXJLI.mjs.map