"use client";

import type { Variants } from "motion/react";

export const AGENT_MOTION_DURATION_MS = 180;

export const agentEase = [0.22, 1, 0.36, 1] as const;

export const agentPanelItemVariants: Variants = {
  initial: {
    opacity: 0,
    y: 6,
    scale: 0.985
  },
  animate: {
    opacity: 1,
    y: 0,
    scale: 1,
    transition: {
      duration: 0.18,
      ease: agentEase
    }
  },
  exit: {
    opacity: 0,
    y: -4,
    scale: 0.99,
    transition: {
      duration: 0.14,
      ease: [0.5, 0, 0.2, 1]
    }
  }
};

export const agentPanelSectionVariants: Variants = {
  initial: {
    opacity: 0,
    height: 0,
    y: -4
  },
  animate: {
    opacity: 1,
    height: "auto",
    y: 0,
    transition: {
      duration: 0.18,
      ease: agentEase
    }
  },
  exit: {
    opacity: 0,
    height: 0,
    y: -4,
    transition: {
      duration: 0.14,
      ease: [0.5, 0, 0.2, 1]
    }
  }
};

export const agentPanelListVariants: Variants = {
  animate: {
    transition: {
      staggerChildren: 0.025
    }
  }
};

export const agentLayoutTransition = {
  duration: 0.18,
  ease: agentEase
};