@dotconnor/grommet/components/Carousel/stories/Multiple.js

focus on the essential experience

"use strict";

exports.__esModule = true;
exports.Multi = void 0;

var _react = _interopRequireDefault(require("react"));

var _grommet = require("grommet");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var data = ['//v2.grommet.io/assets/Wilderpeople_Ricky.jpg', '//v2.grommet.io/assets/IMG_4245.jpg', '//v2.grommet.io/assets/IMG_4210.jpg', 'https://avatars1.githubusercontent.com/u/14203820?s=280&v=4', 'https://developer.hpe.com/img/hpe-dev-grommet-gremlin-rockin-static.svg', '//v2.grommet.io/assets/Wilderpeople_Ricky.jpg', '//v2.grommet.io/assets/IMG_4245.jpg', '//v2.grommet.io/assets/IMG_4210.jpg', '//v2.grommet.io/assets/Wilderpeople_Ricky.jpg'];

var View0 = function View0() {
  var imgs = data.slice(0, 3);
  return /*#__PURE__*/_react["default"].createElement(_grommet.Box, {
    direction: "row"
  }, imgs.map(function (img) {
    return /*#__PURE__*/_react["default"].createElement(_grommet.Image, {
      key: img,
      src: img,
      fit: "contain"
    });
  }));
};

var View1 = function View1() {
  var imgs = data.slice(3, 6);
  return /*#__PURE__*/_react["default"].createElement(_grommet.Box, {
    direction: "row"
  }, imgs.map(function (img) {
    return /*#__PURE__*/_react["default"].createElement(_grommet.Image, {
      key: img,
      src: img,
      fit: "contain"
    });
  }));
};

var View2 = function View2() {
  var imgs = data.slice(6);
  return /*#__PURE__*/_react["default"].createElement(_grommet.Box, {
    direction: "row"
  }, imgs.map(function (img) {
    return /*#__PURE__*/_react["default"].createElement(_grommet.Image, {
      key: img,
      src: img,
      fit: "contain"
    });
  }));
};

var Multi = function Multi() {
  return /*#__PURE__*/_react["default"].createElement(_grommet.Grommet, null, /*#__PURE__*/_react["default"].createElement(_grommet.Carousel, null, /*#__PURE__*/_react["default"].createElement(View0, null), /*#__PURE__*/_react["default"].createElement(View1, null), /*#__PURE__*/_react["default"].createElement(View2, null)));
};

exports.Multi = Multi;