@zitadel/react theme wrapper, component

packages/zitadel-react/src/components/ZitadelUIProvider.tsx

@@ -0,0 +1,8 @@
+export type ZitadelUIProps = {
+  dark: boolean;
+  children: React.ReactNode;
+};
+
+export function ZitadelUIProvider({ dark, children }: ZitadelUIProps) {
+  return <div className={`${dark ? "ui-dark" : "ui-light"} `}>{children}</div>;
+}

packages/zitadel-react/src/index.tsx

@@ -9,3 +9,8 @@ export {
   SignInWithGitlab,
   type SignInWithGitlabProps,
 } from "./components/SignInWithGitlab";
+
+export {
+  ZitadelUIProvider,
+  type ZitadelUIProps,
+} from "./components/ZitadelUIProvider";