membros-react-sdk
Version:
React authentication library for Membros platform with subscription management and plan-based access control
11 lines • 1.24 kB
JavaScript
;
"use client";
Object.defineProperty(exports, "__esModule", { value: true });
exports.AuthScreen = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const AuthButton_1 = require("../AuthButton.cjs");
const AuthScreen = ({ useToast, logoSrc = "/logo.png", title = "Acesse agora", description = "Clique no botão abaixo para fazer login.", className = "" }) => {
return ((0, jsx_runtime_1.jsx)("div", { className: `flex h-full w-full ${className}`, children: (0, jsx_runtime_1.jsx)("div", { className: "flex flex-1 overflow-hidden w-full p-5 md:p-8 items-center justify-center", children: (0, jsx_runtime_1.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 && ((0, jsx_runtime_1.jsx)("img", { src: logoSrc, alt: "Logo", className: "w-24 h-24 object-contain" })), (0, jsx_runtime_1.jsx)("h1", { className: "font-bold text-blue-600 text-xl md:text-2xl", children: title }), (0, jsx_runtime_1.jsx)("p", { className: "text-gray-700", children: description }), (0, jsx_runtime_1.jsx)(AuthButton_1.MembrosAuthButton, { useToast: useToast, onAuthSuccess: () => { } })] }) }) }));
};
exports.AuthScreen = AuthScreen;
//# sourceMappingURL=AuthScreen.js.map