@stokr/components-library
Version:
STOKR - Components Library
46 lines (45 loc) • 1.59 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.Background = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _Background = require("./Background.styles");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const Background = props => {
const {
children,
src,
mobileRatio,
investmentOpportunities,
withPadding,
contain,
caption
} = props;
return /*#__PURE__*/_react.default.createElement(_Background.Container, {
mobileRatio: mobileRatio,
investmentOpportunities: investmentOpportunities
}, /*#__PURE__*/_react.default.createElement(_Background.Wrap, null, /*#__PURE__*/_react.default.createElement(_Background.Img, {
src: src,
alt: "background",
contain: contain,
withPadding: withPadding,
investmentOpportunities: investmentOpportunities
})), caption && /*#__PURE__*/_react.default.createElement(_Background.Caption, {
withPadding: withPadding
}, caption), /*#__PURE__*/_react.default.createElement(_Background.Content, null, children));
};
exports.Background = Background;
Background.propTypes = {
src: _propTypes.default.string.isRequired,
mobileRatio: _propTypes.default.string,
// example: '16:9'
children: _propTypes.default.node,
caption: _propTypes.default.string
};
Background.defaultProps = {
mobileRatio: '',
children: /*#__PURE__*/_react.default.createElement("div", null)
};
var _default = exports.default = Background;