@chakra-ui/react/dist/types/components/carousel/carousel.d.ts

Responsive and accessible React UI components built with React and Emotion

import type { Assign } from "@ark-ui/react";
import { Carousel as ArkCarousel } from "@ark-ui/react/carousel";
import { type HTMLChakraProps, type SlotRecipeProps, type UnstyledProp } from "../../styled-system";
declare const useCarouselStyles: () => Record<string, import("../..").SystemStyleObject>;
export { useCarouselStyles };
export interface CarouselRootProviderBaseProps extends Assign<ArkCarousel.RootProviderBaseProps, SlotRecipeProps<"carousel">>, UnstyledProp {
}
export interface CarouselRootProviderProps extends HTMLChakraProps<"div", CarouselRootProviderBaseProps> {
}
export declare const CarouselRootProvider: import("react").ForwardRefExoticComponent<CarouselRootProviderProps & import("react").RefAttributes<HTMLDivElement>>;
export interface CarouselRootBaseProps extends Assign<ArkCarousel.RootBaseProps, SlotRecipeProps<"carousel">>, UnstyledProp {
}
export interface CarouselRootProps extends HTMLChakraProps<"div", CarouselRootBaseProps> {
}
export declare const CarouselRoot: import("react").ForwardRefExoticComponent<CarouselRootProps & import("react").RefAttributes<HTMLDivElement>>;
export declare const CarouselPropsProvider: React.Provider<CarouselRootBaseProps>;
export interface CarouselItemGroupProps extends HTMLChakraProps<"div", ArkCarousel.ItemGroupBaseProps>, UnstyledProp {
}
export declare const CarouselItemGroup: import("react").ForwardRefExoticComponent<CarouselItemGroupProps & import("react").RefAttributes<HTMLDivElement>>;
export interface CarouselItemProps extends HTMLChakraProps<"div", ArkCarousel.ItemBaseProps>, UnstyledProp {
}
export declare const CarouselItem: import("react").ForwardRefExoticComponent<CarouselItemProps & import("react").RefAttributes<HTMLDivElement>>;
export interface CarouselControlProps extends HTMLChakraProps<"div", ArkCarousel.ControlBaseProps>, UnstyledProp {
}
export declare const CarouselControl: import("react").ForwardRefExoticComponent<CarouselControlProps & import("react").RefAttributes<HTMLDivElement>>;
export interface CarouselPrevTriggerProps extends HTMLChakraProps<"button", ArkCarousel.PrevTriggerBaseProps>, UnstyledProp {
}
export declare const CarouselPrevTrigger: import("react").ForwardRefExoticComponent<CarouselPrevTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
export interface CarouselNextTriggerProps extends HTMLChakraProps<"button", ArkCarousel.NextTriggerBaseProps>, UnstyledProp {
}
export declare const CarouselNextTrigger: import("react").ForwardRefExoticComponent<CarouselNextTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
export interface CarouselIndicatorsProps extends Omit<CarouselIndicatorProps, "index"> {
}
export declare const CarouselIndicators: import("react").ForwardRefExoticComponent<CarouselIndicatorsProps & import("react").RefAttributes<HTMLDivElement>>;
export interface CarouselAutoplayIndicatorProps {
    play: React.ReactNode;
    paused: React.ReactNode;
}
export declare const CarouselAutoplayIndicator: ({ play, paused, }: CarouselAutoplayIndicatorProps) => import("react/jsx-runtime").JSX.Element;
export interface CarouselProgressTextProps extends HTMLChakraProps<"div">, UnstyledProp {
}
export declare const CarouselProgressText: import("react").ForwardRefExoticComponent<CarouselProgressTextProps & import("react").RefAttributes<HTMLDivElement>>;
export interface CarouselAutoplayTriggerProps extends HTMLChakraProps<"button", ArkCarousel.AutoplayTriggerBaseProps>, UnstyledProp {
}
export declare const CarouselAutoplayTrigger: import("react").ForwardRefExoticComponent<CarouselAutoplayTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
export interface CarouselIndicatorGroupProps extends HTMLChakraProps<"div", ArkCarousel.IndicatorGroupBaseProps>, UnstyledProp {
}
export declare const CarouselIndicatorGroup: import("react").ForwardRefExoticComponent<CarouselIndicatorGroupProps & import("react").RefAttributes<HTMLDivElement>>;
export interface CarouselIndicatorProps extends HTMLChakraProps<"button", ArkCarousel.IndicatorBaseProps>, UnstyledProp {
}
export declare const CarouselIndicator: import("react").ForwardRefExoticComponent<CarouselIndicatorProps & import("react").RefAttributes<HTMLButtonElement>>;
export declare const CarouselContext: (props: ArkCarousel.ContextProps) => import("react").ReactNode;
export interface CarouselPageChangeDetails extends ArkCarousel.PageChangeDetails {
}
export interface CarouselAutoplayStatusDetails extends ArkCarousel.AutoplayStatusDetails {
}
export interface CarouselDragStatusDetails extends ArkCarousel.DragStatusDetails {
}