@wix/design-system
Version:
@wix/design-system
51 lines (50 loc) • 1.56 kB
JavaScript
"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 = _ref.dataHook,
className = _ref.className,
children = _ref.children,
image = _ref.image,
width = _ref.width,
gutter = _ref.gutter,
imagePosition = _ref.imagePosition,
imageFit = _ref.imageFit,
_ref$isVisible = _ref.isVisible,
isVisible = _ref$isVisible === void 0 ? true : _ref$isVisible;
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
},
tabIndex: !isVisible ? -1 : undefined,
"aria-hidden": !isVisible,
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 32,
columnNumber: 3
}
}, image ? /*#__PURE__*/_react.default.createElement("img", {
"data-hook": _constants.DATA_HOOKS.carouselImage,
src: image.src,
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 47,
columnNumber: 7
}
}) : children);
};
var _default = exports.default = Slide;
//# sourceMappingURL=Slide.js.map