import React from 'react';
import CarouselWIP from './CarouselWIP';
import { Button, MarketingLayout } from '..';
import Card from '../Card';
import Box from '../Box';
export default {
    component: CarouselWIP,
};
export const Base = {
    render() {
        return (React.createElement(CarouselWIP, { infinite: false, controlsSkin: "inverted", controlsPosition: "overlay", controlsStartEnd: "hidden", slidingType: "reveal-one", showControlsShadow: true, startEndOffset: 24, gutter: 6, sidesGradientColor: "#F0F4F7", hideDots: true }, Array(10)
            .fill(0)
            .map((_, index) => (React.createElement(Box, { maxWidth: "500px" },
            React.createElement(Card, null,
                React.createElement(MarketingLayout, { title: `Card ${index + 1}`, description: "This layout requires less attention. It can promote side features that might add value, but are not mandatory to achieve main goals.", actions: React.createElement(Button, { size: "small" }, "Get Started"), size: "tiny", image: React.createElement("img", { src: "https://picsum.photos/100/100" }) })))))));
    },
};
//# sourceMappingURL=CarouselWIP.story.js.map