UNPKG

retro-react

Version:

A React component library for building retro-style websites

2 lines (1 loc) 1.96 kB
"use strict";var e=require("../../_virtual/_tslib.js"),l=require("react"),s=require("../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js"),a=require("../../utils/classNames.js"),i=require("../../constants/commonClassNames.js"),r=require("./FlexibleLayout.styled.js");const t=l.forwardRef(((l,t)=>{var{children:d,className:c,id:o}=l,u=e.__rest(l,["children","className","id"]);return s.jsx(r.FlexibleLayout,Object.assign({ref:t,id:o,className:a.classNames(c,"flexible-layout-root",i.default)},u,{children:d}),void 0)}));t.displayName="FlexibleLayout",exports.FlexibleLayout=t,exports.LayoutFooter=l=>{var{children:t,className:d,id:c}=l,o=e.__rest(l,["children","className","id"]);return s.jsx(r.Footer,Object.assign({id:c,className:a.classNames(d,"flexible-layout-footer","flexible-layout-child-cell",i.default)},o,{children:t}),void 0)},exports.LayoutHeader=l=>{var{children:t,className:d,id:c}=l,o=e.__rest(l,["children","className","id"]);return s.jsx(r.Header,Object.assign({id:c,className:a.classNames(d,"flexible-layout-header","flexible-layout-child-cell",i.default)},o,{children:t}),void 0)},exports.LayoutMain=l=>{var{children:t,className:d,id:c}=l,o=e.__rest(l,["children","className","id"]);return s.jsx(r.Content,Object.assign({id:c,className:a.classNames(d,"flexible-layout-main-content","flexible-layout-child-cell",i.default)},o,{children:t}),void 0)},exports.LayoutSidebarLeft=l=>{var{children:t,className:d,id:c}=l,o=e.__rest(l,["children","className","id"]);return s.jsx(r.SidebarLeft,Object.assign({id:c,className:a.classNames(d,"flexible-layout-sidebar-left","flexible-layout-child-cell",i.default)},o,{children:t}),void 0)},exports.LayoutSidebarRight=l=>{var{children:t,className:d,id:c}=l,o=e.__rest(l,["children","className","id"]);return s.jsx(r.SidebarRight,Object.assign({id:c,className:a.classNames(d,"flexible-layout-sidebar-right","flexible-layout-child-cell",i.default)},o,{children:t}),void 0)};