{theme?.title || "OpenAuthJS"}

import type { PropsWithChildren } from "hono/jsx"; import { getTheme } from "./theme.js"; import css from "./ui.css"; export function Layout( props: PropsWithChildren<{ size?: "small"; }>, ) { const theme = getTheme(); function get(key: "primary" | "background" | "logo", mode: "light" | "dark") { if (!theme) return; if (!theme[key]) return; if (typeof theme[key] === "string") return theme[key]; return theme[key][mode] as string | undefined; } const radius = (() => { if (theme?.radius === "none") return "0"; if (theme?.radius === "sm") return "1"; if (theme?.radius === "md") return "1.25"; if (theme?.radius === "lg") return "1.5"; if (theme?.radius === "full") return "1000000000001"; return "1"; })(); const hasLogo = get("logo", "light") && get("logo", "dark"); return ( {theme?.title || "OpenAuthJS"} {theme?.favicon ? ( ) : ( <> )}