import { ComponentType } from 'react';
import { IconButtonProps, SvgIconProps } from '@mui/material';
import type { Swiper as CarouselInstance } from 'swiper';
export interface CarouselNavigationProps {
    /**
     * Optional Carousel instance from useCarouselInstance hook
     */
    carousel?: CarouselInstance;
    /**
     * Enable/disable peek effect on hover
     * @default: false
     */
    peekEffect?: boolean;
    /**
     * Previous Slide IconButton
     */
    prevButtonProps?: Partial<IconButtonProps>;
    /**
     * Previous icon props
     */
    prevIconProps?: SvgIconProps;
    /**
     * Previous icon node
     */
    PrevIconComponent?: ComponentType<SvgIconProps>;
    /**
     * Next Slide IconButton
     */
    nextButtonProps?: Partial<IconButtonProps>;
    /**
     * Previous icon props
     */
    nextIconProps?: SvgIconProps;
    /**
     * Next icon node
     */
    NextIconComponent?: ComponentType<SvgIconProps>;
    /**
     * Replaces Chevrons with Arrows
     * @default true
     */
    arrows?: boolean;
    /**
     * Enable if placing on a plain background (not on top of an image/video)
     * @default false
     */
    onBackground?: boolean;
    /**
     * Hide navigation buttons on case there are not enough slides for sliding
     * @default false
     */
    autoHideNavigation?: boolean;
}
/**
 * Left & Right navigation arrows
 */
export declare function CarouselNavigation({ carousel: carouselProp, peekEffect: propPeekEffect, prevButtonProps, prevIconProps, PrevIconComponent, nextButtonProps, nextIconProps, NextIconComponent, arrows, onBackground, autoHideNavigation, }: CarouselNavigationProps): import("react/jsx-runtime").JSX.Element;