import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { block, getQaAttrubutes } from "../../utils/index.js";
import Image from "../Image/Image.js";
import './BackgroundImage.css';
export const qaIdByDefault = 'background-image';
const b = block('storage-background-image');
const BackgroundImage = (props) => {
    const { children, src, desktop, className, imageClassName, style, hide, qa } = props;
    const qaAttributes = getQaAttrubutes(qa || qaIdByDefault);
    return (_jsxs("div", { className: b(null, className), style: style, "data-qa": qa || qaIdByDefault, children: [(src || desktop) && !hide && (_jsx(Image, { ...props, className: b('img', imageClassName), qa: qaAttributes.image })), children && _jsx("div", { className: b('container'), children: children })] }));
};
export default BackgroundImage;
//# sourceMappingURL=BackgroundImage.js.map
