import React, { ReactNode } from 'react';
type Distance = {
    amount: number;
    unit: 'percentage' | 'pixel';
};
type StatusChildren = {
    index: number;
    status: 'inActive' | 'active' | 'done';
};
export type Props = {
    row: 1 | 2 | 3 | 4 | 5 | 6;
    column: 1 | 2 | 3 | 4 | 5 | 6;
    children: ReactNode;
    mode?: 'snapped' | 'infinity';
    type?: 'separated' | 'intertwined';
    arrowType?: 'Care' | 'Discover';
    distanceOverlappedLeft?: Distance;
    isDotsShown?: boolean;
    isImageGalleryShown?: boolean;
    className?: string;
    isProgressShown?: boolean;
    statusChildren?: Array<StatusChildren>;
    isArrowShown?: boolean;
    classNameLeftArrow?: string;
    classNameRightArrow?: string;
    dataEventCategory?: string;
    dataEventAction?: string;
    dataEventLabel?: string;
    onChangePage?: (page: number) => void;
    page?: number;
    customPageWidth?: number;
    scheme?: 'hellosites' | 'marrybaby';
};
/**
 * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
 */
export declare const ScrollList: ({ row, column, isDotsShown, isImageGalleryShown, mode, type, distanceOverlappedLeft, children, className, isProgressShown, statusChildren, isArrowShown, classNameLeftArrow, classNameRightArrow, dataEventCategory, dataEventAction, dataEventLabel, onChangePage, page, customPageWidth, scheme, arrowType, }: Props) => React.JSX.Element;
export {};
