"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.qaIdByDefault = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const utils_1 = require("../../utils/index.js");
const Image_1 = tslib_1.__importDefault(require("../Image/Image.js"));
exports.qaIdByDefault = 'background-image';
const b = (0, utils_1.block)('storage-background-image');
const BackgroundImage = (props) => {
    const { children, src, desktop, className, imageClassName, style, hide, qa } = props;
    const qaAttributes = (0, utils_1.getQaAttrubutes)(qa || exports.qaIdByDefault);
    return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), style: style, "data-qa": qa || exports.qaIdByDefault, children: [(src || desktop) && !hide && ((0, jsx_runtime_1.jsx)(Image_1.default, { ...props, className: b('img', imageClassName), qa: qaAttributes.image })), children && (0, jsx_runtime_1.jsx)("div", { className: b('container'), children: children })] }));
};
exports.default = BackgroundImage;
//# sourceMappingURL=BackgroundImage.js.map
