membros-react-sdk
Version:
React authentication library for Membros platform with subscription management and plan-based access control
7 lines • 990 B
JavaScript
"use client";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { MembrosAuthButton } from "../AuthButton.esm.js";
export const AuthScreen = ({ useToast, logoSrc = "/logo.png", title = "Acesse agora", description = "Clique no botão abaixo para fazer login.", className = "" }) => {
return (_jsx("div", { className: `flex h-full w-full ${className}`, children: _jsx("div", { className: "flex flex-1 overflow-hidden w-full p-5 md:p-8 items-center justify-center", children: _jsxs("div", { className: "flex flex-col gap-4 bg-white p-8 rounded-xl w-full max-w-md md:max-w-lg", children: [logoSrc && (_jsx("img", { src: logoSrc, alt: "Logo", className: "w-24 h-24 object-contain" })), _jsx("h1", { className: "font-bold text-blue-600 text-xl md:text-2xl", children: title }), _jsx("p", { className: "text-gray-700", children: description }), _jsx(MembrosAuthButton, { useToast: useToast, onAuthSuccess: () => { } })] }) }) }));
};
//# sourceMappingURL=AuthScreen.js.map