// optional global css reset
import "@ory/elements-preact/assets/normalize.css"
import { render } from "preact"
import { Route, Router } from "wouter-preact"
import { Dashboard } from "./app"
import { Error } from "./error"
import "./index.css"
import { Login } from "./login"
import { Recovery } from "./recovery"
import { Register } from "./register"
import { Settings } from "./settings"
import { Verification } from "./verification"
import {
CustomLanguageFormats,
CustomTranslations,
IntlProvider,
ThemeProvider,
locales,
} from "@ory/elements-preact"
// Ory Elements
// optional fontawesome icons
import "@ory/elements-preact/assets/fa-brands.min.css"
import "@ory/elements-preact/assets/fa-solid.min.css"
import "@ory/elements-preact/assets/fontawesome.min.css"
// optional fonts
import "@ory/elements-preact/assets/inter-font.css"
import "@ory/elements-preact/assets/jetbrains-mono-font.css"
// required styles for Ory Elements
import "@ory/elements-preact/style.css"
const Main = () => {
// adds custom translations labels to the default translations
//
// You can also contribute your custom translations to the Ory Elements project
// by submitting a pull request to the following repository:
// https://github.com/ory/elements
const customTranslations: CustomLanguageFormats = {
en: {
...locales.en,
"login.title": "Login",
"identities.messages.1070004": "Email",
},
nl: {
...locales.nl,
"login.title": "Inloggen",
"identities.messages.1070004": "E-mail",
},
af: {
// merging English since no default Afrikaans translations are available
...locales.en,
"login.title": "Meld aan",
"identities.messages.1070004": "E-posadres",
},
}
return (
{/* We dont need to pass any custom translations */}
{/* */}
{/* We pass custom translations */}
customTranslations={customTranslations}
locale="af"
defaultLocale="en"
>
)
}
render(, document.getElementById("app") as HTMLElement)