@wix/design-system
Version:
@wix/design-system
80 lines (79 loc) • 2.6 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = exports.Base = void 0;
var _react = _interopRequireDefault(require("react"));
var _CarouselWIP = _interopRequireDefault(require("./CarouselWIP"));
var _2 = require("..");
var _Card = _interopRequireDefault(require("../Card"));
var _Box = _interopRequireDefault(require("../Box"));
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/CarouselWIP/CarouselWIP.story.tsx";
var _default = exports.default = {
component: _CarouselWIP.default
};
var Base = exports.Base = {
render() {
return /*#__PURE__*/_react.default.createElement(_CarouselWIP.default, {
infinite: false,
controlsSkin: "inverted",
controlsPosition: "overlay",
controlsStartEnd: "hidden",
slidingType: "reveal-one",
showControlsShadow: true,
startEndOffset: 24,
gutter: 6,
sidesGradientColor: "#F0F4F7",
hideDots: true,
__self: this,
__source: {
fileName: _jsxFileName,
lineNumber: 15,
columnNumber: 7
}
}, Array(10).fill(0).map((_, index) => /*#__PURE__*/_react.default.createElement(_Box.default, {
maxWidth: "500px",
__self: this,
__source: {
fileName: _jsxFileName,
lineNumber: 30,
columnNumber: 13
}
}, /*#__PURE__*/_react.default.createElement(_Card.default, {
__self: this,
__source: {
fileName: _jsxFileName,
lineNumber: 31,
columnNumber: 15
}
}, /*#__PURE__*/_react.default.createElement(_2.MarketingLayout, {
title: "Card ".concat(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: /*#__PURE__*/_react.default.createElement(_2.Button, {
size: "small",
__self: this,
__source: {
fileName: _jsxFileName,
lineNumber: 35,
columnNumber: 28
}
}, "Get Started"),
size: "tiny",
image: /*#__PURE__*/_react.default.createElement("img", {
src: "https://picsum.photos/100/100",
__self: this,
__source: {
fileName: _jsxFileName,
lineNumber: 37,
columnNumber: 26
}
}),
__self: this,
__source: {
fileName: _jsxFileName,
lineNumber: 32,
columnNumber: 17
}
})))));
}
};
//# sourceMappingURL=CarouselWIP.story.js.map