import { EasingFn } from '../../Easing';
import { StyleProps } from '../../commonTypes';

export interface KeyframeProps extends StyleProps {
  easing?: EasingFn;
  [key: string]: any;
}

export type LayoutAnimation = {
  initialValues: StyleProps;
  animations: StyleProps;
  callback?: (finished: boolean) => void;
};

export type AnimationFunction = (a?: any, b?: any, c?: any) => any; // this is just a temporary mock

export interface EntryExitAnimationsValues {
  originX: number;
  originY: number;
  width: number;
  height: number;
  globalOriginX: number;
  globalOriginY: number;
}

export type EntryExitAnimationFunction = (
  targetValues: EntryExitAnimationsValues
) => LayoutAnimation;

export interface LayoutAnimationsValues {
  originX: number;
  originY: number;
  width: number;
  height: number;
  globalOriginX: number;
  globalOriginY: number;
  boriginX: number;
  boriginY: number;
  bwidth: number;
  bheight: number;
  bglobalOriginX: number;
  bglobalOriginY: number;
  windowWidth: number;
  windowHeight: number;
}

export type LayoutAnimationFunction = (
  targetValues: LayoutAnimationsValues
) => LayoutAnimation;

export interface ILayoutAnimationBuilder {
  build: () => LayoutAnimationFunction;
}

export interface BaseLayoutAnimationConfig {
  duration?: number;
  easing?: EasingFn;
  type?: AnimationFunction;
  damping?: number;
  mass?: number;
  stiffness?: number;
  overshootClamping?: number;
  restDisplacementThreshold?: number;
  restSpeedThreshold?: number;
}

export interface BaseBuilderAnimationConfig extends BaseLayoutAnimationConfig {
  rotate?: number | string;
}

export type LayoutAnimationAndConfig = [
  AnimationFunction,
  BaseBuilderAnimationConfig
];

export interface IEntryExitAnimationBuilder {
  build: () => EntryExitAnimationFunction;
}