import { Accessibility } from '@fluentui/accessibility';
import { ComponentWithAs } from '@fluentui/react-bindings';
import { UIComponentProps, ChildrenComponentProps } from '../../utils';
import { ShorthandCollection, ComponentEventHandler, FluentComponentStaticProps } from '../../types';
import { CarouselNavigationItemProps } from './CarouselNavigationItem';
export interface CarouselNavigationProps extends UIComponentProps, ChildrenComponentProps {
    /**
     * Accessibility behavior if overridden by the user.
     */
    accessibility?: Accessibility<never>;
    /** Index of the currently active item. */
    activeIndex?: number | string;
    /** A navigation may have just icons. */
    iconOnly?: boolean;
    /** A navigation may have thumbnails. */
    thumbnails?: boolean;
    /** Shorthand array of props for Navigation. */
    items?: ShorthandCollection<CarouselNavigationItemProps>;
    /**
     * Called when a panel title is clicked.
     *
     * @param {SyntheticEvent} event - React's original SyntheticEvent.
     * @param {object} data - All item props.
     */
    onItemClick?: ComponentEventHandler<CarouselNavigationItemProps>;
    /** The carousel navigation can have primary type. */
    primary?: boolean;
    /** The carousel navigation can have secondary type. */
    secondary?: boolean;
    /** A vertical carousel navigation displays elements vertically. */
    vertical?: boolean;
}
export declare type CarouselNavigationStylesProps = Required<Pick<CarouselNavigationProps, 'activeIndex' | 'iconOnly' | 'primary' | 'vertical' | 'thumbnails'>>;
export declare const carouselNavigationClassName = "ui-carousel__navigation";
/**
 * A Carousel navigation helps switching between Carousel items.
 */
export declare const CarouselNavigation: ComponentWithAs<'ul', CarouselNavigationProps> & FluentComponentStaticProps<CarouselNavigationProps>;