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