"use client";

import * as React from "react";
import { motion, useReducedMotion } from "framer-motion";
import { cn } from "@/lib/utils";

function useReducedMotionSafe() {
  const prefersReduced = useReducedMotion();
  const [mounted, setMounted] = React.useState(false);
  React.useEffect(() => setMounted(true), []);
  return mounted ? !!prefersReduced : false;
}

/**
 * Split hero: copy on the left, a terminal window on the right that types out
 * a small command/output script character by character and loops. Pure
 * framer-motion + a timer, no canvas or WebGL.
 */

export interface HeroTerminalTypingProps {
  eyebrow?: string;
  headline?: string;