@wix/design-system/dist/cjs/CarouselWIP/Slide/Slide.js

@wix/design-system

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _constants = require("../constants");
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/CarouselWIP/Slide/Slide.tsx";
var Slide = _ref => {
  var {
    dataHook,
    className,
    children,
    image,
    width,
    gutter,
    imagePosition,
    imageFit
  } = _ref;
  return /*#__PURE__*/_react.default.createElement("div", {
    "data-hook": dataHook,
    className: className,
    role: "listitem",
    style: {
      flex: '0 0 auto',
      width,
      marginInlineStart: gutter,
      objectPosition: imagePosition,
      objectFit: imageFit
    },
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 30,
      columnNumber: 3
    }
  }, image ? /*#__PURE__*/_react.default.createElement("img", {
    "data-hook": _constants.DATA_HOOKS.carouselImage,
    src: image.src,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 43,
      columnNumber: 7
    }
  }) : children);
};
var _default = exports.default = Slide;
//# sourceMappingURL=Slide.js.map