// withHooks

import { LibCarrousel_snap } from 'esoftplay/cache/lib/carrousel_snap/import';
import { LibImage_shadow } from 'esoftplay/cache/lib/image_shadow/import';
import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
import { LibStyle } from 'esoftplay/cache/lib/style/import';
import React from 'react';
import { Pressable } from 'react-native';


export interface EventSliderArgs {
  
}
export interface EventSliderProps {
  images: any[],
  onIndexChange: (i: number) => void
}
export default function m(props: EventSliderProps): any {
  const widthImg = LibStyle?.width - 60
  const sliderHeight = widthImg / 1920 * 1080

  function row(item: any, index: any, itemWidth: number): any {
    return (
      <Pressable onPress={() => LibNavigation.navigate('lib/gallery', { images: props.images, index: index })}>
        <LibImage_shadow
        source={{ uri: item.image }}
        style={{ width: widthImg, height: sliderHeight, borderRadius: 10 }}
        shadowRadius={0.2}
      />
        {/* <LibPicture source={{ uri: item.image }} style={{ height: sliderHeight, width: widthImg, borderRadius: 10 }} /> */}
      </Pressable>
    )
  }

  return (
    <LibCarrousel_snap
      data={props.images}
      style={{ marginVertical: 10 }}
      itemMarginHorizontal={10}
      itemWidth={LibStyle.width - 40}
      maxWidth={LibStyle.width}
      align={"center"}
      renderItem={row}
    />
  )
}