@gsretail.com/gui-core
Version:
A skeleton to create your own React component library using Rollup, TypeScript, Sass and Storybook
2 lines (1 loc) • 905 B
JavaScript
import{__rest as e,__assign as t}from"../../../node_modules/tslib/tslib.es6.js";import{GuiIcon as o}from"../../../node_modules/@gsretail.com/gui-icons/dist/index.js";import{Paper as n,Box as l}from"@mui/material";import i from"react";import{GuiButton as g}from"../../Button/GuiButton.js";import r from"./PageContent.styled.js";var m=r((function(r){r.minHeight,r.padding,r.margin;var m=r.toggleButton,a=r.toggleOpen,s=r.onClickToggle,c=r.children,p=e(r,["minHeight","padding","margin","toggleButton","toggleOpen","onClickToggle","children"]);return i.createElement(n,t({id:"page_content"},p),c,m&&i.createElement(l,{className:"toggleButtonWrap"},i.createElement(l,null,i.createElement(g,{className:["toggleButton",a?"open":""].join(" "),onClick:s},i.createElement(o,{name:"ArrowTop",className:"toggleButtonSvg"})))))}));m.defaultProps={padding:"compact",minHeight:null,toggleOpen:!1};export{m as default};