@gsretail.com/gui-core/build/esm/core/TitleSection/GuiTitleSection.js

A skeleton to create your own React component library using Rollup, TypeScript, Sass and Storybook

import{__rest as e,__assign as r}from"tslib";import t from"react";import{Box as l,Paper as a,Link as i}from"@mui/material";import{GuiBreadcrumbs as s}from"../Breadcrumbs/GuiBreadcrumbs.js";import{GuiIcon as m}from"@gsretail.com/gui-icons";import c from"./GuiTitleSection.styled.js";var n=c((function(c){var n=c.title,o=c.subTitle,u=c.elevation,p=c.isFlex,b=c.isSpace,d=c.arrBreadcrumbs,f=c.childrenBreadcrumbs,x=c.children,E=c.className,N=c.boxProps;return e(c,["title","subTitle","elevation","isFlex","isSpace","arrBreadcrumbs","childrenBreadcrumbs","children","className","boxProps"]),t.createElement(l,r({className:["gui-title-section",p?"isFlex":null,b?"isSpace":null,E&&E].join(" ")},N),t.createElement(a,{elevation:u},d&&t.createElement(s,null,!d&&f,null==d?void 0:d.map((function(e,r){return t.createElement(i,{color:"inherit",href:e.url,key:r},0===r?t.createElement(m,{name:"NaviHome"}):null,e.name)}))),t.createElement(l,{className:"isFlexBox"},n&&t.createElement(l,{className:"title-box"},t.createElement(l,{className:"subtitle"},o&&o),n),t.createElement(l,{className:"content-box"},x&&x))))}));n.defaultProps={isFlex:!1,isSpace:!1};export{n as GuiTitleSection,n as default};