import { VariantProps } from "class-variance-authority";
declare const contentVariants: (props?: ({
    visualRatio?: "1:1" | "2:3" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export type VisualSplitDialogProps = Readonly<{
    open?: boolean;
    defaultOpen?: boolean;
    onOpenChange?: (open: boolean) => void;
    trigger?: React.ReactNode;
    /** Left half. Hidden below a 720px viewport, so it must not carry crucial content. */
    visual: React.ReactNode;
    logo?: React.ReactNode;
    hideCloseButton?: boolean;
    className?: string;
    testId?: string;
    children: React.ReactNode;
} & VariantProps<typeof contentVariants>>;
/**
 * Dialog introducing the user to a new part of the app or a higher tier plan
 * (short onboardings, upsell). Max width of 880px; max height of 660px (2:3 visual)
 * or 440px (1:1 visual).
 *
 * https://www.figma.com/design/cHgANa7dtzDDGXk7dKuAOQ/Prism?node-id=76519-18093&m=dev
 */
export declare const VisualSplitDialog: ({ open, defaultOpen, onOpenChange, trigger, visual, logo, visualRatio, hideCloseButton, className, testId, children, }: VisualSplitDialogProps) => import("react").JSX.Element;
export {};
//# sourceMappingURL=VisualSplitDialog.d.ts.map