import{j as e}from"./react-B_SyE9nW.js";import{s,j as t,o as i,G as o,y as r}from"./index-Flm6m8Wj.js";import{B as n}from"./BtnShadow-BEdKMB6u.js";import{B as a}from"./BackIco-CDsoigLi.js";import{G as l}from"./Grid-DM22V-x0.js";const c=s("div")`
  background-color: ${t.red};
  overflow: hidden;
  height: ${({height:e})=>e}px;
  min-height: ${({height:e})=>e}px;
  justify-content: center;
  align-items: flex-end;

  div.enj-header-first {
    justify-self: flex-start;
  }

  div.enj-header-last {
    justify-self: flex-end;
    padding: 12px;
  }

  .MuiSvgIcon-root {
    color: ${t.white};
  }
`,d=s(l)`
  height: 100%;
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
`;const h=i((function({hideBack:s,onBack:i,onBackPanel:h,children:p,suffix:x,background:f,templateColumns:j="repeat(3, 1fr)",style:m}){return e.jsxs(c,{className:"enj-header-container",height:o.isDesktop?78:90,style:{position:o.isDesktop?"sticky":"relative",top:o.isDesktop?0:"unset",borderRadius:o.isDesktop?0:"0 0 28px 28px",zIndex:1,...m},children:[f?e.jsx(d,{children:f}):null,e.jsxs(l,{container:!0,display:"grid",gridTemplateColumns:j,minHeight:"30px",top:x?"19px":"30px",position:"relative",justifyItems:"center",alignItems:"center",className:"enj-header-grid-container",children:[e.jsx("div",{className:"enj-header-first",children:s?e.jsx(n,{onClick:h,sx:{ml:"20px",justifySelf:"self-start","& > .MuiSvgIcon-root":{left:"-2px",color:t.white}},children:e.jsx(a,{})}):e.jsx(n,{onClick:()=>{var e;return i?i():null==(e=r)?void 0:e.goBack()},sx:{ml:"20px",justifySelf:"self-start","& > .MuiSvgIcon-root":{left:"-2px",color:t.white}},children:e.jsx(a,{})})}),e.jsx("div",{className:"enj-header-center",children:p}),e.jsx("div",{className:"enj-header-last",children:x??null})]})]})}));export{h as H};