retro-react
Version:
A React component library for building retro-style websites
2 lines (1 loc) • 942 B
JavaScript
;var e=require("../../_virtual/_tslib.js"),r=require("react"),s=require("../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js"),a=require("../../utils/classNames.js"),o=require("../../constants/commonClassNames.js"),i=require("./Background.styled.js");const c=r.forwardRef(((r,c)=>{var{id:n,className:d,children:u,color:t="#000000",backgroundImage:g,backgroundRepeat:l,backgroundSize:m,backgroundPosition:k,sx:b}=r,j=e.__rest(r,["id","className","children","color","backgroundImage","backgroundRepeat","backgroundSize","backgroundPosition","sx"]);return s.jsx(i.Background,Object.assign({$color:t,$backgroundImage:g,$backgroundRepeat:l,$backgroundSize:m,$backgroundPosition:k,ref:c,id:n,sx:b,className:a.classNames("background-root",d,o.default)},j,{children:s.jsx("div",Object.assign({style:{position:"relative"}},{children:u}),void 0)}),void 0)}));c.displayName="Background",exports.Background=c;