xlibs-components
Version:
Modern React component library with Aceternity, MagicUI, and ShadCN components for building beautiful web applications
10 lines (9 loc) • 1.04 kB
JavaScript
"use client";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import * as React from "react";
import { cn } from '../lib/utils.js';
const AuthLayout = React.forwardRef(({ className, children, logo, backgroundImage = "/placeholder.svg", backgroundAlt = "Background", ...props }, ref) => {
return (_jsxs("div", { ref: ref, className: cn("grid min-h-svh lg:grid-cols-2", className), ...props, children: [_jsxs("div", { className: "flex flex-col gap-4 p-6 md:p-10", children: [logo && (_jsx("div", { className: "flex justify-center gap-2 md:justify-start", children: logo })), _jsx("div", { className: "flex flex-1 items-center justify-center", children: _jsx("div", { className: "w-full max-w-xs", children: children }) })] }), _jsx("div", { className: "bg-muted relative hidden lg:block", children: _jsx("img", { src: backgroundImage, alt: backgroundAlt, className: "absolute inset-0 h-full w-full object-cover dark:brightness-[0.2] dark:grayscale" }) })] }));
});
AuthLayout.displayName = "AuthLayout";
export { AuthLayout };