import e from"@babel/runtime/helpers/defineProperty";import{memo as r}from"react";import t from"classnames";import o from"prop-types";import{Grid as s}from"@material-ui/core";import"../shared/CancelButton.js";import"../shared/ExpandCollapseButton.js";import"../shared/FormatedNumber.js";import"../shared/InputText.js";import"../shared/MoreButton.js";import"../shared/SaveButton.js";import"../shared/SelectField.js";import{StaticField as a}from"../shared/StaticField.js";import"../shared/SharedEditorElements.js";import"../shared/ConfirmationPopup.js";import{useStyles as i}from"../sharedStyles.js";import m from"../PressureLoss/index.js";import{CONTAINER_XS as n}from"../constants.js";import{isMobileDetected as l}from"../../../../../utils/mobileDetect.js";import{jsxs as p,Fragment as u,jsx as d}from"react/jsx-runtime";function c(r){var o=r.component,c=r.columns,f=i(),h=n/c;return p(u,{children:[p(s,{container:!0,spacing:2,className:t(f.detailedView,e({},f.detailedViewMobile,l)),children:[d(a,{label:"Name",value:o.name,format:null,xs:h}),d(a,{label:"T.Weight",unit:"mass",value:o.weight,xs:h}),d(a,{label:"Connection Type",value:o.connection_type,format:null,xs:h}),d(a,{label:"Material",value:o.material,format:null,xs:h}),d(a,{label:"% Actuator Flow Loss",value:o.flow_loss_percentage,format:"0.0",xs:h})]}),d(m,{isEditing:!1,data:o.pressure_loss||[]})]})}c.propTypes={component:o.shape({family:o.string,outer_diameter:o.number,inner_diameter:o.number,linear_weight:o.number,length:o.number,name:o.string,weight:o.number,connection_type:o.string,material:o.string,pressure_loss:o.arrayOf(o.shape({})),flow_loss_percentage:o.number}).isRequired,columns:o.number.isRequired};var f=r(c);export{f as default};
//# sourceMappingURL=Browser.js.map
