@roo-ui/components
Version:
20 lines (15 loc) • 2.88 kB
JavaScript
import _styled from "@emotion/styled-base";
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
import PropTypes from 'prop-types';
import { height, width, space, backgroundSize, backgroundPosition, backgroundRepeat } from 'styled-system';
var BackgroundImage = _styled("div", {
target: "egz2fmn0",
label: "BackgroundImage"
})("background-position:center;background-size:cover;background-repeat:no-repeat;background-image:url(", function (props) {
return props.src;
}, ");", height, " ", width, " ", space, " ", backgroundSize, " ", backgroundPosition, " ", backgroundRepeat, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYWNrZ3JvdW5kSW1hZ2UvQmFja2dyb3VuZEltYWdlLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdrQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQmFja2dyb3VuZEltYWdlL0JhY2tncm91bmRJbWFnZS5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQge1xuICBoZWlnaHQsXG4gIHdpZHRoLFxuICBzcGFjZSxcbiAgYmFja2dyb3VuZFNpemUsXG4gIGJhY2tncm91bmRQb3NpdGlvbixcbiAgYmFja2dyb3VuZFJlcGVhdCxcbn0gZnJvbSAnc3R5bGVkLXN5c3RlbSc7XG5cbmNvbnN0IEJhY2tncm91bmRJbWFnZSA9IHN0eWxlZC5kaXZgXG4gIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKCR7cHJvcHMgPT4gcHJvcHMuc3JjfSk7XG5cbiAgJHtoZWlnaHR9XG4gICR7d2lkdGh9XG4gICR7c3BhY2V9XG4gICR7YmFja2dyb3VuZFNpemV9XG4gICR7YmFja2dyb3VuZFBvc2l0aW9ufVxuICAke2JhY2tncm91bmRSZXBlYXR9XG5gO1xuXG5CYWNrZ3JvdW5kSW1hZ2UucHJvcFR5cGVzID0ge1xuICBzcmM6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgLi4uaGVpZ2h0LnByb3BUeXBlcyxcbiAgLi4ud2lkdGgucHJvcFR5cGVzLFxuICAuLi5zcGFjZS5wcm9wVHlwZXMsXG4gIC4uLmJhY2tncm91bmRTaXplLnByb3BUeXBlcyxcbiAgLi4uYmFja2dyb3VuZFBvc2l0aW9uLnByb3BUeXBlcyxcbiAgLi4uYmFja2dyb3VuZFJlcGVhdC5wcm9wVHlwZXMsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBCYWNrZ3JvdW5kSW1hZ2U7XG4iXX0= */");
BackgroundImage.propTypes = _objectSpread({
src: PropTypes.string.isRequired
}, height.propTypes, width.propTypes, space.propTypes, backgroundSize.propTypes, backgroundPosition.propTypes, backgroundRepeat.propTypes);
export default BackgroundImage;