import React from 'react'; import { css, PoweredBy, useAPIClient, useRequest, useSystemSettings } from '@tachybase/client'; import { Outlet } from 'react-router-dom'; import { AuthenticatorsContext } from '../authenticator'; export function AuthLayout(props: any) { const { data } = useSystemSettings(); const api = useAPIClient(); const { data: authenticators = [], error } = useRequest(() => api .resource('authenticators') .publicList() .then((res) => { return res?.data?.data || []; }), ); if (error) { throw error; } return (