1 | "use strict";
|
2 |
|
3 | var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4 |
|
5 | exports.__esModule = true;
|
6 | exports.default = void 0;
|
7 |
|
8 | var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
9 |
|
10 | var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
11 |
|
12 | var _classnames = _interopRequireDefault(require("classnames"));
|
13 |
|
14 | var _react = _interopRequireDefault(require("react"));
|
15 |
|
16 | var _ThemeProvider = require("./ThemeProvider");
|
17 |
|
18 | var _excluded = ["bsPrefix", "className", "children", "aspectRatio"];
|
19 | var defaultProps = {
|
20 | aspectRatio: '1by1'
|
21 | };
|
22 |
|
23 | var ResponsiveEmbed = _react.default.forwardRef(function (_ref, ref) {
|
24 | var bsPrefix = _ref.bsPrefix,
|
25 | className = _ref.className,
|
26 | children = _ref.children,
|
27 | aspectRatio = _ref.aspectRatio,
|
28 | props = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
|
29 | var decoratedBsPrefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'embed-responsive');
|
30 |
|
31 | var child = _react.default.Children.only(children);
|
32 |
|
33 | return _react.default.createElement("div", (0, _extends2.default)({
|
34 | ref: ref
|
35 | }, props, {
|
36 | className: (0, _classnames.default)(decoratedBsPrefix, className, aspectRatio && decoratedBsPrefix + "-" + aspectRatio)
|
37 | }), _react.default.cloneElement(child, {
|
38 | className: (0, _classnames.default)(child.props.className, decoratedBsPrefix + "-item")
|
39 | }));
|
40 | });
|
41 |
|
42 | ResponsiveEmbed.defaultProps = defaultProps;
|
43 | var _default = ResponsiveEmbed;
|
44 | exports.default = _default;
|
45 | module.exports = exports["default"]; |
\ | No newline at end of file |