membros-react-sdk
Version:
React authentication library for Membros platform with subscription management and plan-based access control
9 lines • 1.61 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.InadimplentScreen = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const InadimplentScreen = ({ className = "", title = "Subscription Required", description = "You need an active subscription to access this content.", actionText = "Subscribe Now", onAction }) => {
return ((0, jsx_runtime_1.jsx)("div", { className: `flex h-full w-full items-center justify-center ${className}`, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center gap-4 bg-white p-8 rounded-xl max-w-md text-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-16 h-16 bg-yellow-100 rounded-full flex items-center justify-center", children: (0, jsx_runtime_1.jsx)("svg", { className: "w-8 h-8 text-yellow-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z" }) }) }), (0, jsx_runtime_1.jsx)("h2", { className: "text-xl font-bold text-gray-900", children: title }), (0, jsx_runtime_1.jsx)("p", { className: "text-gray-600", children: description }), onAction && ((0, jsx_runtime_1.jsx)("button", { onClick: onAction, className: "bg-blue-600 text-white px-6 py-2 rounded-lg hover:bg-blue-700 transition-colors", children: actionText }))] }) }));
};
exports.InadimplentScreen = InadimplentScreen;
//# sourceMappingURL=InadimplentScreen.js.map