import{j as e,T as i}from"./vendor-mui-core-CnXrAOs3.js";import{K as p,L as c}from"./vendor-utils-cJEl_UEd.js";import{l as x}from"./vendor-ux-IiQnod3w.js";function y({name:t,nameFormatter:r=o=>typeof o=="string"?o.split(" ").map(f=>p(c(f))).join(" "):o,layout:n="horizontal",children:a,valueComponent:l="div",nameWidth:m=90,...s}){return e.jsxs(d,{layout:n,width:m,...s,children:[e.jsx(i,{color:"textSecondary",className:"info-row__name",children:r(t)}),a&&e.jsx(i,{color:"textPrimary",component:l,className:"info-row__value",children:a})]})}const d=x("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{y as v};
