import { ContainerRef } from '@cleartrip/ct-design-container';

import type { IAnimatedStyleClass } from './IAnimatedStyleClass';
import { AnimatedStyleWithController, IAnimatedRef, IAnimationOptions } from '../type';

export interface IWebAnimatedStyle {
  getWebAnimatedStyle(): IAnimationOptions | null;
  setWebElementRef(element: React.MutableRefObject<ContainerRef | null> | null): void;
  getWebClassNamesRef(): React.RefObject<string[]>;
  setWebClassNamesRef(ref: React.RefObject<string[]>): void;
  getWebIsSequence(): boolean;
  getWebAnimatedSequenceStyles(): AnimatedStyleWithController[];
  getWebSpringRef(): React.RefObject<IAnimatedRef> | null;
  getWebIsSpring(): boolean;
}

export interface INativeAnimatedStyle {
  getNativeAnimatedStyle(): IAnimationOptions | null;
  getNativeAnimatedSequenceStyles(): AnimatedStyleWithController[];
  getNativeElementRef(): React.RefObject<IAnimatedRef> | null;
  setNativeElementRef(elementRef: React.RefObject<IAnimatedRef> | null): void;
  getNativeIsSequence(): boolean;
}

export type AnimatedStyle = IWebAnimatedStyle & INativeAnimatedStyle & IAnimatedStyleClass;