import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types'; import { ModalContainerProps } from './useModalContainer'; export interface MediaPreviewModalProps extends Omit, NativeElementPropsWithoutKeyAndRef<'div'> { /** * The custom class name applied to the modal container. */ backdropClassName?: string; /** * The current index of the media being displayed (controlled mode). * If provided along with onNext/onPrev, the component operates in controlled mode. */ currentIndex?: number; /** * The default index when the modal opens (uncontrolled mode). * @default 0 */ defaultIndex?: number; /** * Whether to disable the next navigation button. * @default false */ disableNext?: boolean; /** * Whether to disable the previous navigation button. * @default false */ disablePrev?: boolean; /** * Enable circular navigation (wrap around at boundaries). * When enabled, navigating past the last item goes to the first, * and navigating before the first item goes to the last. * * Note: This only applies in uncontrolled mode. In controlled mode * (when onNext/onPrev are provided), you must implement circular * navigation logic in your callbacks. * @default false */ enableCircularNavigation?: boolean; /** * Array of media items to display. * Each item should be a valid image URL or React node. */ mediaItems: (string | React.ReactNode)[]; /** * Callback fired when the index changes (uncontrolled mode). */ onIndexChange?: (index: number) => void; /** * Callback fired when the next navigation button is clicked (controlled mode). * If provided, the component operates in controlled mode. */ onNext?: () => void; /** * Callback fired when the previous navigation button is clicked (controlled mode). * If provided, the component operates in controlled mode. */ onPrev?: () => void; /** * Whether to show the pagination indicator. * @default true */ showPaginationIndicator?: boolean; } /** * The react component for `mezzanine` media preview modal. * Displays media items with navigation controls and a close button. */ declare const MediaPreviewModal: import("react").ForwardRefExoticComponent>; export default MediaPreviewModal;