44 lines
1.5 KiB
JavaScript
44 lines
1.5 KiB
JavaScript
"use strict";
|
|
|
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
|
|
exports.__esModule = true;
|
|
exports.default = void 0;
|
|
|
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
|
|
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
|
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
|
var _react = _interopRequireDefault(require("react"));
|
|
|
|
var _ThemeProvider = require("./ThemeProvider");
|
|
|
|
var defaultProps = {
|
|
aspectRatio: '1by1'
|
|
};
|
|
|
|
var ResponsiveEmbed = _react.default.forwardRef(function (_ref, ref) {
|
|
var bsPrefix = _ref.bsPrefix,
|
|
className = _ref.className,
|
|
children = _ref.children,
|
|
aspectRatio = _ref.aspectRatio,
|
|
props = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["bsPrefix", "className", "children", "aspectRatio"]);
|
|
var decoratedBsPrefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'embed-responsive');
|
|
|
|
var child = _react.default.Children.only(children);
|
|
|
|
return _react.default.createElement("div", (0, _extends2.default)({
|
|
ref: ref
|
|
}, props, {
|
|
className: (0, _classnames.default)(decoratedBsPrefix, className, aspectRatio && decoratedBsPrefix + "-" + aspectRatio)
|
|
}), _react.default.cloneElement(child, {
|
|
className: (0, _classnames.default)(child.props.className, decoratedBsPrefix + "-item")
|
|
}));
|
|
});
|
|
|
|
ResponsiveEmbed.defaultProps = defaultProps;
|
|
var _default = ResponsiveEmbed;
|
|
exports.default = _default;
|
|
module.exports = exports["default"]; |