import * as react from 'react';
import { ReactNode } from 'react';

interface AuthSplitLayoutProps {
    projectName: string;
    eyebrow?: string;
    title: string;
    /** Word(s) in `title` to render with shimmer — passed straight through to `PageHeader`'s `shimmer`. */
    highlight: string;
    description: string;
    /** Optional decorative element in the hero panel — e.g. a product card, tilted for flourish. */
    decoration?: ReactNode;
    /** Render the live NoirGlowBackground shader behind the hero panel. Default true. */
    glow?: boolean;
    homeHref?: string;
    children: ReactNode;
}
/**
 * Two-panel auth screen: brand/hero on the left (hidden below `lg`), form on
 * the right. Composes `Monogram` + `PageHeader` + `NoirGlowBackground` — the
 * pattern most Tollerud apps hand-build for sign-in/sign-up/reset screens.
 */
declare const AuthSplitLayout: react.ForwardRefExoticComponent<AuthSplitLayoutProps & react.RefAttributes<HTMLDivElement>>;

export { AuthSplitLayout, type AuthSplitLayoutProps };