UNPKG

@wener/console

Version:
107 lines (103 loc) 3.68 kB
function _define_property(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } function _object_spread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === "function") { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _define_property(target, key, source[key]); }); } return target; } function _object_without_properties(source, excluded) { if (source == null) return {}; var target = {}, sourceKeys, key, i; if (typeof Reflect !== "undefined" && Reflect.ownKeys) { sourceKeys = Reflect.ownKeys(source); for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } return target; } target = _object_without_properties_loose(source, excluded); if (Object.getOwnPropertySymbols) { sourceKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; } function _object_without_properties_loose(source, excluded) { if (source == null) return {}; var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } return target; } import React from "react"; import { cn } from "../../utils/cn.js"; import { LoginPageHero } from "./LoginPageHero.js"; export var LoginPageLayout = function (_0) { var header = _0.header, children = _0.children, content = _0.content, hero = _0.hero, footer = _0.footer, className = _0.className, props = _object_without_properties(_0, [ "header", "children", "content", "hero", "footer", "className" ]); /* Left | Right Left Header | Title Content Footer Right Hero */ return /*#__PURE__*/ React.createElement("div", _object_spread({ className: cn("flex min-h-full flex-1", className) }, props), /*#__PURE__*/ React.createElement("div", { className: "relative flex flex-1 flex-col justify-center px-4 py-12 sm:px-6 lg:flex-none lg:px-20 xl:px-24" }, /*#__PURE__*/ React.createElement("div", { className: "mx-auto w-full max-w-sm lg:w-96" }, header, content, children), footer && /*#__PURE__*/ React.createElement("footer", { className: "absolute inset-x-0 bottom-0 flex w-full flex-col items-center px-4 pb-2 sm:px-6 lg:px-20 xl:px-24" }, footer)), hero && /*#__PURE__*/ React.createElement(LoginPageHero, null, hero)); };