import * as React from 'react';
export declare const GRADIENT_WIDTH = 72;
/**
 * カルーセル系のスクロール量の定数
 *
 * @example
 * const scrollAmount = containerElm.clientWidth * SCROLL_AMOUNT_COEF
 */
export declare const SCROLL_AMOUNT_COEF = 0.75;
interface ScrollProps {
    align?: 'center' | 'left' | 'right';
    offset?: number;
}
export interface CarouselBaseAppearanceProps {
    buttonOffset?: number;
    buttonPadding?: number;
    bottomOffset?: number;
    defaultScroll?: ScrollProps;
}
export type CarouselGradientProps = {
    hasGradient?: false;
} | {
    hasGradient: true;
    fadeInGradient?: boolean;
};
type CarouselAppearanceProps = CarouselBaseAppearanceProps & CarouselGradientProps;
type Props = CarouselAppearanceProps & {
    onScroll?: (left: number) => void;
    onResize?: (width: number) => void;
    children: React.ReactNode;
    centerItems?: boolean;
    onScrollStateChange?: (canScroll: boolean) => void;
    scrollAmountCoef?: number;
};
export interface CarouselHandlerRef {
    resetScroll(): void;
}
export default function Carousel({ buttonOffset, buttonPadding, bottomOffset, defaultScroll: { align, offset: scrollOffset }, onScroll, onResize, children, centerItems, onScrollStateChange, scrollAmountCoef, ...options }: Props): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=index.d.ts.map