import { Accessibility } from '@fluentui/accessibility'; import { UIComponentProps, ContentComponentProps, ChildrenComponentProps } from '../../utils'; import { ShorthandValue, ComponentEventHandler, FluentComponentStaticProps } from '../../types'; import { BoxProps } from '../Box/Box'; import { ComponentWithAs } from '@fluentui/react-bindings'; export interface CarouselNavigationItemSlotClassNames { indicator: string; content: string; } export interface CarouselNavigationItemProps extends UIComponentProps, ChildrenComponentProps, ContentComponentProps { /** * Accessibility behavior if overridden by the user. */ accessibility?: Accessibility; /** A menu item can be active. */ active?: boolean; /** Indicator for the Carousel Navigation Item. */ indicator?: ShorthandValue; /** A Carousel Navigation may have just icons. */ iconOnly?: boolean; /** CarouselNavigationIntem index inside CarouselNavigation. */ index?: number; /** * Called on click. * * @param {SyntheticEvent} event - React's original SyntheticEvent. * @param {object} data - All props. */ onClick?: ComponentEventHandler; /** The carousel navigation item can have primary type. */ primary?: boolean; /** The carousel navigation item can have secondary type. */ secondary?: boolean; /** A vertical carousel navigation displays elements vertically. */ vertical?: boolean; thumbnails?: boolean; } export declare type CarouselNavigationItemStylesProps = Required> & { hasContent: boolean; hasIndicator: boolean; }; export declare const carouselNavigationItemClassName = "ui-carousel__navigationitem"; export declare const carouselNavigationItemSlotClassNames: CarouselNavigationItemSlotClassNames; /** * A CarouselItem is an actionable item within a Carousel. */ export declare const CarouselNavigationItem: ComponentWithAs<'li', CarouselNavigationItemProps> & FluentComponentStaticProps;