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

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

/**
 * Common interface for AnimatedStyle classes across platforms
 */
export interface IAnimatedStyleClass {
  // Core methods - platform agnostic
  getAnimatedStyle(): IAnimationOptions | null;
  getAnimatedSequenceStyles(): AnimatedStyleWithController[];
  getIsSequence(): boolean;

  // Native-specific methods
  getNativeAnimatedStyle(): IAnimationOptions | null;
  getNativeAnimatedSequenceStyles(): AnimatedStyleWithController[];
  getNativeElementRef(): React.RefObject<IAnimatedRef> | null;
  setNativeElementRef(ref: React.RefObject<IAnimatedRef> | null): void;
  getNativeIsSequence(): boolean;

  // Web-specific methods
  getWebAnimatedStyle(): IAnimationOptions | null;
  getWebAnimatedSequenceStyles(): AnimatedStyleWithController[];
  getWebIsSequence(): boolean;
  getWebIsSpring(): boolean;
  getWebClassNamesRef(): React.RefObject<string[]> | null;
  setWebClassNamesRef(ref: React.RefObject<string[]>): void;
  setWebElementRef(element: React.MutableRefObject<ContainerRef | null> | null): void;
  getWebSpringRef(): React.RefObject<IAnimatedRef> | null;
}