@gsretail.com/gui-core/build/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 t}from"../../node_modules/tslib/tslib.es6.js";import r 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"../../node_modules/@gsretail.com/gui-icons/dist/index.js";import o from"./GuiTitleSection.styled.js";var c=o((function(o){var c=o.title,n=o.subTitle,u=o.elevation,d=o.isFlex,b=o.isSpace,p=o.arrBreadcrumbs,x=o.childrenBreadcrumbs,f=o.children,E=o.className,N=o.boxProps;return e(o,["title","subTitle","elevation","isFlex","isSpace","arrBreadcrumbs","childrenBreadcrumbs","children","className","boxProps"]),r.createElement(l,t({className:["gui-title-section",d?"isFlex":null,b?"isSpace":null,E&&E].join(" ")},N),r.createElement(a,{elevation:u},p&&r.createElement(s,null,!p&&x,null==p?void 0:p.map((function(e,t){return r.createElement(i,{color:"inherit",href:e.url,key:t},0===t?r.createElement(m,{name:"NaviHome"}):null,e.name)}))),r.createElement(l,{className:"isFlexBox"},c&&r.createElement(l,{className:"title-box"},r.createElement(l,{className:"subtitle"},n&&n),c),r.createElement(l,{className:"content-box"},f&&f))))}));c.defaultProps={isFlex:!1,isSpace:!1};export{c as GuiTitleSection,c as default};