retro-react
Version:
A React component library for building retro-style websites
2 lines (1 loc) • 1.83 kB
JavaScript
import{__rest as e}from"../../_virtual/_tslib.js";import{forwardRef as l}from"react";import{jsx as i}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{FlexibleLayout as r,Header as c,Footer as d,SidebarLeft as t,SidebarRight as o,Content as m}from"./FlexibleLayout.styled.js";const n=l(((l,c)=>{var{children:d,className:t,id:o}=l,m=e(l,["children","className","id"]);return i(r,Object.assign({ref:c,id:o,className:a(t,"flexible-layout-root",s)},m,{children:d}),void 0)})),h=l=>{var{children:r,className:d,id:t}=l,o=e(l,["children","className","id"]);return i(c,Object.assign({id:t,className:a(d,"flexible-layout-header","flexible-layout-child-cell",s)},o,{children:r}),void 0)},u=l=>{var{children:r,className:c,id:t}=l,o=e(l,["children","className","id"]);return i(d,Object.assign({id:t,className:a(c,"flexible-layout-footer","flexible-layout-child-cell",s)},o,{children:r}),void 0)},b=l=>{var{children:r,className:c,id:d}=l,o=e(l,["children","className","id"]);return i(t,Object.assign({id:d,className:a(c,"flexible-layout-sidebar-left","flexible-layout-child-cell",s)},o,{children:r}),void 0)},N=l=>{var{children:r,className:c,id:d}=l,t=e(l,["children","className","id"]);return i(o,Object.assign({id:d,className:a(c,"flexible-layout-sidebar-right","flexible-layout-child-cell",s)},t,{children:r}),void 0)},f=l=>{var{children:r,className:c,id:d}=l,t=e(l,["children","className","id"]);return i(m,Object.assign({id:d,className:a(c,"flexible-layout-main-content","flexible-layout-child-cell",s)},t,{children:r}),void 0)};n.displayName="FlexibleLayout";export{n as FlexibleLayout,u as LayoutFooter,h as LayoutHeader,f as LayoutMain,b as LayoutSidebarLeft,N as LayoutSidebarRight};