UNPKG

@roo-ui/components

Version:

20 lines (15 loc) 2.88 kB
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;