"use client";
import * as React from "react";
import { AnimatePresence, motion } from "motion/react";
import { usePrefersReducedMotion } from "@/lib/motion/reduced-motion";
interface Props {
/** Should change whenever we want a fresh cross-fade. */
cacheKey: string;
children: React.ReactNode;
}
/**
* Cross-fade wrapper. The new island fades + scales up from a blurred
* state while the previous one fades + scales away with a small
* outward blur. A horizontal "light wipe" sweeps across the column
* on each transition to read as a camera flash.
*/
export function IslandCrossfade({ cacheKey, children }: Props) {
const reduced = usePrefersReducedMotion();
if (reduced) {
return (
{children}
);
}
return (
<>
{children}
{/* Light wipe sweeping across the column on every key change */}
);
}
function LightWipe({ trigger }: { trigger: string }) {
return (
);
}