/**
 * Web stub — renders children without parallax (native uses reanimated).
 */
import { memo } from 'react';

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

import { staticStyles } from './style';
import { ISlideImageProps } from '../type';

const SlideImage = ({ children }: ISlideImageProps) => {
  return (
    <Container styleConfig={{ root: [staticStyles.imageClip] }}>
      <Container styleConfig={{ root: [staticStyles.imageMover] }}>
        <Container styleConfig={{ root: [staticStyles.imageSlot] }}>{children}</Container>
      </Container>
    </Container>
  );
};

export default memo(SlideImage);