wix-style-react/dist/src/CarouselWIP/Slide/Slide.js

wix-style-react

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

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

var _propTypes = _interopRequireDefault(require("prop-types"));

var _constants = require("../constants");

var Slide = function Slide(_ref) {
  var dataHook = _ref.dataHook,
      className = _ref.className,
      children = _ref.children,
      image = _ref.image,
      width = _ref.width,
      gutter = _ref.gutter,
      imagePosition = _ref.imagePosition,
      imageFit = _ref.imageFit;
  return /*#__PURE__*/_react["default"].createElement("div", {
    "data-hook": dataHook,
    className: className,
    style: {
      flex: '0 0 auto',
      width: width,
      marginInlineStart: gutter,
      objectPosition: imagePosition,
      objectFit: imageFit
    }
  }, image ? /*#__PURE__*/_react["default"].createElement("img", {
    "data-hook": _constants.DATA_HOOKS.carouselImage,
    src: image.src
  }) : children);
};

Slide.propTypes = {
  /** Applied as data-hook HTML attribute that can be used in the tests */
  dataHook: _propTypes["default"].string,

  /** A css class to be applied to the slide element */
  className: _propTypes["default"].string,

  /** Children to render inside the slide */
  children: _propTypes["default"].node,

  /** Object containing the src for the slide image */
  image: _propTypes["default"].object,

  /** Width of the slide */
  width: _propTypes["default"].string,

  /** Width for spacing before the slide */
  gutter: _propTypes["default"].string,

  /** Sets the image position */
  imagePosition: _propTypes["default"].string,

  /** Sets the image fit */
  imageFit: _propTypes["default"].oneOf(['fill', 'contain', 'cover', 'none', 'scale-down'])
};
var _default = Slide;
exports["default"] = _default;