import { E as compilerRuntimeExports, j as jsxRuntimeExports } from "./vendor-react-DYNCg6N5.js";
import { c as createStyles, T as Text, G as Group, B as Button, b as Box } from "./vendor-mantine-h0WlM2Mj.js";
import { u as useTranslation } from "./vendor-i18n-wisIXUFi.js";
const useStyles = createStyles((theme, _, utils) => ({
  wrapper: {
    minHeight: "100vh",
    backgroundSize: "cover",
    backgroundColor: theme.colors.backgroundGray[0],
    display: "flex",
    justifyContent: "center",
    alignItems: "center",
    "@supports(-webkit-touch-callout: none)": {
      minHeight: "-webkit-fill-available"
    }
  },
  responseContent: {
    display: "flex",
    flexDirection: "column",
    alignItems: "center"
  },
  icon: {
    marginTop: "15px",
    width: "100px",
    height: "100px"
  },
  desc: {
    lineHeight: "22px",
    color: theme.colors.gray[6],
    margin: "24px 0 32px"
  },
  form: {
    position: "relative",
    maxWidth: 450,
    width: "100%",
    padding: 40,
    borderRadius: theme.spacing.xs,
    [`@media (max-width: ${theme.breakpoints.sm}px)`]: {
      maxWidth: "100%"
    }
  },
  title: {
    [utils.dark]: {
      color: theme.white
    },
    [utils.light]: {
      color: theme.black
    },
    fontFamily: `Greycliff CF, ${theme.fontFamily}`
  },
  logo: {
    [utils.dark]: {
      color: theme.white
    },
    [utils.light]: {
      color: theme.black
    },
    width: 120,
    display: "block",
    marginLeft: "auto",
    marginRight: "auto"
  },
  input: {
    // width: `calc(100% - 36px)`,
    "& .mantine-PasswordInput-label, .mantine-InputWrapper-label": {
      color: theme.colors.brandGray[0],
      fontSize: "12px"
    }
  },
  button: {
    width: "100%"
  },
  controls: {
    "& .mantine-InputWrapper-error": {
      marginBottom: "10px",
      marginTop: "10px",
      fontSize: "14px",
      position: "relative"
    }
  }
}));
const iconError = "data:image/svg+xml,%3csvg%20width='110'%20height='110'%20viewBox='0%200%20110%20110'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='5'%20y='5'%20width='100'%20height='100'%20rx='50'%20fill='%23FFE8CC'/%3e%3crect%20x='5'%20y='5'%20width='100'%20height='100'%20rx='50'%20stroke='%23FFF4E6'%20stroke-width='10'/%3e%3cpath%20d='M67.5%2080V75M47.5%2062.5L62.5%2047.5M52.5%2040L53.6575%2038.66C56.002%2036.3158%2059.1817%2034.999%2062.4971%2034.9992C65.8125%2034.9995%2068.9921%2036.3167%2071.3362%2038.6613C73.6804%2041.0058%2074.9972%2044.1855%2074.997%2047.5009C74.9968%2050.8163%2073.6795%2053.9958%2071.335%2056.34L70%2057.5M57.5004%2070L56.5079%2071.335C54.136%2073.6805%2050.9348%2074.9959%2047.5991%2074.9959C44.2634%2074.9959%2041.0622%2073.6805%2038.6904%2071.335C37.5212%2070.179%2036.5931%2068.8025%2035.9596%2067.2854C35.3262%2065.7682%2035%2064.1404%2035%2062.4962C35%2060.8521%2035.3262%2059.2243%2035.9596%2057.7071C36.5931%2056.1899%2037.5212%2054.8135%2038.6904%2053.6575L40.0004%2052.5M75%2067.5H80M30%2042.5H35M42.5%2030V35'%20stroke='%23FD7E14'%20stroke-width='2.33'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
const InvalidLinkContent = () => {
  const $ = compilerRuntimeExports.c(17);
  const {
    t
  } = useTranslation();
  const {
    classes
  } = useStyles();
  const t0 = classes.responseContent;
  let t1;
  if ($[0] !== classes.icon) {
    t1 = /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: iconError, alt: "icon", className: classes.icon });
    $[0] = classes.icon;
    $[1] = t1;
  } else {
    t1 = $[1];
  }
  const t2 = classes.desc;
  let t3;
  if ($[2] !== t) {
    t3 = t("passwordReset.linkIsInvalid");
    $[2] = t;
    $[3] = t3;
  } else {
    t3 = $[3];
  }
  let t4;
  if ($[4] !== classes.desc || $[5] !== t3) {
    t4 = /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { className: t2, ta: "center", children: t3 });
    $[4] = classes.desc;
    $[5] = t3;
    $[6] = t4;
  } else {
    t4 = $[6];
  }
  const t5 = classes.button;
  let t6;
  if ($[7] !== t) {
    t6 = t("backMain");
    $[7] = t;
    $[8] = t6;
  } else {
    t6 = $[8];
  }
  let t7;
  if ($[9] !== classes.button || $[10] !== t6) {
    t7 = /* @__PURE__ */ jsxRuntimeExports.jsx(Group, { justify: "center", gap: "xs", w: "100%", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { className: t5, size: "lg", component: "a", href: "/", children: t6 }) });
    $[9] = classes.button;
    $[10] = t6;
    $[11] = t7;
  } else {
    t7 = $[11];
  }
  let t8;
  if ($[12] !== classes.responseContent || $[13] !== t1 || $[14] !== t4 || $[15] !== t7) {
    t8 = /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { className: t0, children: [
      t1,
      t4,
      t7
    ] });
    $[12] = classes.responseContent;
    $[13] = t1;
    $[14] = t4;
    $[15] = t7;
    $[16] = t8;
  } else {
    t8 = $[16];
  }
  return t8;
};
export {
  InvalidLinkContent as I,
  useStyles as u
};
//# sourceMappingURL=InvalidLinkContent-CWLs7Xhy.js.map
