@stokr/components-library
Version:
STOKR - Components Library
48 lines (47 loc) • 1.65 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.LearnMoreCarousel = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _reactSlick = _interopRequireDefault(require("react-slick"));
require("slick-carousel/slick/slick.css");
require("slick-carousel/slick/slick-theme.css");
var _LearnMoreCarousel = require("./LearnMoreCarousel.styles");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const LearnMoreCarousel = _ref => {
let {
children,
autoplay,
dots,
arrows,
isMobile
} = _ref;
const settings = {
dots,
arrows,
infinite: false,
speed: 600,
autoplay: !!autoplay,
autoplaySpeed: autoplay,
slidesToShow: isMobile ? 1 : 2,
slidesToScroll: isMobile ? 1 : 1
};
return /*#__PURE__*/_react.default.createElement(_LearnMoreCarousel.Container, null, /*#__PURE__*/_react.default.createElement(_LearnMoreCarousel.Offset, null, /*#__PURE__*/_react.default.createElement(_LearnMoreCarousel.Wrapper, null, /*#__PURE__*/_react.default.createElement(_reactSlick.default, settings, children))));
};
exports.LearnMoreCarousel = LearnMoreCarousel;
LearnMoreCarousel.propTypes = {
children: _propTypes.default.node.isRequired,
autoplay: _propTypes.default.number,
dots: _propTypes.default.bool,
arrows: _propTypes.default.bool,
isMobile: _propTypes.default.bool
};
LearnMoreCarousel.defaultProps = {
autoplay: 0,
dots: false,
arrows: false,
isMobile: false
};
var _default = exports.default = LearnMoreCarousel;