import { E as compilerRuntimeExports, j as jsxRuntimeExports } from "./vendor-react-DYNCg6N5.js";
import { c as createStyles, G as Group, T as Text, S as Stack, B as Button } from "./vendor-mantine-h0WlM2Mj.js";
const useStyles = createStyles((theme) => ({
  errorContent: {
    display: "flex",
    flexDirection: "column",
    alignItems: "center",
    backgroundColor: "white"
  },
  icon: {
    marginTop: "20px"
  },
  text: {
    textAlign: "center",
    color: theme.colors.gray[6],
    lineHeight: "22px",
    marginBottom: "5px"
  }
}));
const MessageContainer = (t0) => {
  const $ = compilerRuntimeExports.c(14);
  const {
    icon,
    description,
    buttonText,
    redirect
  } = t0;
  const {
    classes
  } = useStyles();
  let t1;
  if ($[0] !== classes.icon || $[1] !== icon) {
    t1 = /* @__PURE__ */ jsxRuntimeExports.jsx(Group, { justify: "center", gap: "xs", children: /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: icon, alt: "icon", className: classes.icon }) });
    $[0] = classes.icon;
    $[1] = icon;
    $[2] = t1;
  } else {
    t1 = $[2];
  }
  let t2;
  if ($[3] !== classes.text || $[4] !== description) {
    t2 = /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { className: classes.text, children: description });
    $[3] = classes.text;
    $[4] = description;
    $[5] = t2;
  } else {
    t2 = $[5];
  }
  let t3;
  if ($[6] !== buttonText || $[7] !== redirect) {
    t3 = /* @__PURE__ */ jsxRuntimeExports.jsx(Group, { justify: "center", w: "100%", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { radius: "md", w: "100%", size: "lg", component: "a", href: redirect, children: buttonText }) });
    $[6] = buttonText;
    $[7] = redirect;
    $[8] = t3;
  } else {
    t3 = $[8];
  }
  let t4;
  if ($[9] !== classes.errorContent || $[10] !== t1 || $[11] !== t2 || $[12] !== t3) {
    t4 = /* @__PURE__ */ jsxRuntimeExports.jsxs(Stack, { align: "center", justify: "center", className: classes.errorContent, children: [
      t1,
      t2,
      t3
    ] });
    $[9] = classes.errorContent;
    $[10] = t1;
    $[11] = t2;
    $[12] = t3;
    $[13] = t4;
  } else {
    t4 = $[13];
  }
  return t4;
};
export {
  MessageContainer as M
};
//# sourceMappingURL=index-CNv4hlnY.js.map
