import{j as i,cY as l,at as a,W as e}from"./vendor-mui-core-DnR6WYuU.js";function r({title:t="",subTitle:o="",onClickBack:s="",...n}){return i.jsxs(c,{...n,children:[s&&i.jsx(l,{className:"back-btn",onClick:s}),i.jsx("div",{className:"title",children:t}),i.jsx("div",{className:"sub-title",children:o})]})}const c=a.div`
  position: relative;
  width: 100%;
  text-align: center;

  .title {
    font-size: 24px;
    font-weight: 700;
    color: ${t=>t.theme.palette.text.primary};

    ${t=>t.theme.breakpoints.down("md")} {
      font-size: 20px;
    }
  }

  .sub-title {
    font-size: 14px;
    color: ${t=>t.theme.palette.text.secondary};
    padding: 0 14px;
    font-weight: 400;
  }

  .back-btn {
    position: absolute;
    left: 0;
    top: 8px;
    color: ${t=>t.theme.palette.grey[500]};
    font-size: 18px;
    cursor: pointer;
  }
`;r.propTypes={title:e.string,subTitle:e.string,onClickBack:e.oneOfType([e.func,e.string])};export{r as a};
