import type { ThemeType } from '../../literals/Type.literal';
/**
 * @docunator
 * @title ZenImageSliderItem
 * @description Props for each item in ZenImageSlider component.
 * @author Danilo Ramírez Mattey
 * @category Widget Components Props
 * @version 1.0.0
 */
export type ZenImageSliderItem = {
    source: any;
    onPress?: () => void;
    title?: string;
};
/**
 * @docunator
 * @title ZenImageSliderProps
 * @description Props for ZenImageSlider component.
 * @author Danilo Ramírez Mattey
 * @category Widget Components Props
 * @version 1.0.0
 */
type ZenImageSliderProps = {
    type?: ThemeType;
    images: ZenImageSliderItem[];
    ratio?: number;
    pagination?: boolean;
    paginationRelationToImage?: number;
    bordered?: boolean;
};
/**
 * @docunator
 * @title ZenImageSlider
 * @description A simple image slider component with pagination.
 * @author Danilo Ramírez Mattey
 * @category Widget Components
 * @version 1.0.0
 * @param {ZenImageSliderItem[]} images - Array of images to display. Each image can have a source, optional onPress action, and optional title. Format: { source: any; onPress?: () => void; title?: string; }
 * @param {string} type - Theme type
 * @param {number} ratio - Aspect ratio (width / height)
 * @param {boolean} pagination - Show pagination dots
 * @param {number} paginationRelationToImage - Size of pagination dots in relation to image width
 * @param {boolean} bordered - Show border around the slider
 * @example {tsx}

import {
  Layout,
  Screen,
  ZenImageSlider,
  type ZenImageSliderItem,
  ZenSpaceBlock,
} from 'react-zen-ui';

export default function SliderScreen() {
  const imageBase = 'https://picsum.photos/600?';
  const images: ZenImageSliderItem[] = [
    {source:{uri:imageBase + Math.random().toString()}, title: 'Image with Text'},
    {source:{uri:imageBase + Math.random().toString()}},
    {source:{uri:imageBase + Math.random().toString()} , title: 'Another Image with Text'},
    {source:{uri:imageBase + Math.random().toString()}},
    {source:{uri:imageBase + Math.random().toString()}, onPress: ()=>{}, title:'This image supports onPress action'},
  ];
  return (
    <>
      <Screen useTopSafeArea={false}>
        <Layout scrollable={true}>
          <ZenSpaceBlock />
          <ZenImageSlider images={images} />
        </Layout>
      </Screen>
    </>
  );
}


 {/tsx}
 @snack @daniloramirezcr/c906b8
 */
export default function ZenImageSlider({ images, type, ratio, pagination, paginationRelationToImage, bordered, }: ZenImageSliderProps): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=ZenImageSlider.d.ts.map