// tmp-babel/profiles/web/ProfileComponent/ReportButtonWithDialog/components/ConfirmationStep.js
import { useResponsive } from "@baseapp-frontend/design-system/hooks/web";
import { Button, Typography } from "@mui/material";
import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
var ConfirmationStep = function ConfirmationStep2(_ref) {
  var reportType = _ref.reportType, onClose = _ref.onClose;
  var smDown = useResponsive("down", "sm");
  return /* @__PURE__ */ _jsxs(_Fragment, {
    children: [/* @__PURE__ */ _jsxs(Typography, {
      variant: "h5",
      textAlign: smDown ? "center" : "left",
      children: ["Thanks for reporting ", reportType === null || reportType === void 0 ? void 0 : reportType.label]
    }), /* @__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(Button, {
      onClick: onClose,
      children: "Close"
    })]
  });
};
var ConfirmationStep_default = ConfirmationStep;

export {
  ConfirmationStep_default
};
//# sourceMappingURL=chunk-UGQAXVBR.mjs.map