import{j as o,J as i,K as x,L as f,O as p}from"./index-DR3HTfO6.js";function w({name:t,nameFormatter:r=e=>typeof e=="string"?e.split(" ").map(c=>x(f(c))).join(" "):e,layout:n="horizontal",children:a,valueComponent:l="div",nameWidth:s=90,...m}){return o.jsxs(d,{layout:n,width:s,...m,children:[o.jsx(i,{color:"textSecondary",className:"info-row__name",children:r(t)}),a&&o.jsx(i,{color:"textPrimary",component:l,className:"info-row__value",children:a})]})}const d=p("div")`
  display: flex;
  flex-direction: ${t=>t.layout==="vertical"?"column":"row"};
  justify-content: flex-start;
  align-items: ${t=>t.layout==="vertical"?"flex-start":"center"};
  margin-bottom: 16px;

  .info-row__name {
    width: ${t=>t.width}px;
    margin-right: ${t=>t.layout==="vertical"?"0":"8px"};
    margin-bottom: ${t=>t.layout==="vertical"?"8px":"0"};
    text-transform: capitalize;
  }

  .info-row__value {
    flex: 1;
    overflow: auto;
    word-wrap: break-word;
    font-weight: 500;
  }

  @media (max-width: ${t=>t.theme.breakpoints.values.md}px) {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    .info-row__name {
      font-weight: bold;
    }

    .info-row__value {
      width: 100%;
      font-size: 12px;
      margin-top: 8px;
    }
  }
`;export{w as v};
