import e from"@babel/runtime/helpers/defineProperty";import{memo as r}from"react";import t from"classnames";import a from"prop-types";import{Grid as i}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 o}from"../shared/StaticField.js";import"../shared/SharedEditorElements.js";import"../shared/ConfirmationPopup.js";import{useStyles as m}from"../sharedStyles.js";import{CONTAINER_XS as s}from"../constants.js";import n from"./Measurement.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 a=r.component,c=r.columns,h=m(),f=s/c;return p(u,{children:[p(i,{container:!0,spacing:2,className:t(h.detailedView,e({},h.detailedViewMobile,l)),children:[d(o,{label:"Name",value:a.name,format:null,xs:f}),d(o,{label:"T.Weight",unit:"mass",value:a.weight,xs:f}),d(o,{label:"Connection Type",value:a.connection_type,format:null,xs:f}),d(o,{label:"Material",value:a.material,format:null,xs:f})]}),d(n,{isEditing:!1,data:a.lwd_measurements})]})}c.propTypes={component:a.shape({family:a.string,sub_category:a.string,outer_diameter:a.number,inner_diameter:a.number,linear_weight:a.number,length:a.number,name:a.string,weight:a.number,connection_type:a.string,material:a.string,lwd_measurements:a.arrayOf(a.shape({}))}).isRequired,columns:a.number.isRequired};var h=r(c);export{h as default};
//# sourceMappingURL=Browser.js.map
