@kadconsulting/dry/dist/src/hooks/stories/useCarousel.stories.js

KAD Reusable Component Library

import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
import useCarousel from '../useCarousel';
export default {
    title: 'Hooks/useCarousel',
    tags: ['autodocs'],
    component: _jsx(_Fragment, {}),
    argTypes: {},
};
export const Default = {
    render: (args, context) => {
        const { currentIndex, next, prev, pause, resume } = useCarousel({
            autoplay: true,
            interval: 5,
        });
        const cards = [
            _jsx("div", { children: "1" }),
            _jsx("div", { children: "2" }),
            _jsx("div", { children: "3" }),
            _jsx("div", { children: "4" }),
            _jsx("div", { children: "5" }),
        ];
        return _jsx("div", { className: 'card-carousel__content', children: cards[currentIndex] });
    },
    args: {},
};
//# sourceMappingURL=useCarousel.stories.js.map