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 a}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 i}from"../shared/StaticField.js";import"../shared/SharedEditorElements.js";import"../shared/ConfirmationPopup.js";import{useStyles as m}from"../sharedStyles.js";import{CONTAINER_XS as n}from"../constants.js";import{isMobileDetected as s}from"../../../../../utils/mobileDetect.js";import{jsx as l,Fragment as p,jsxs as u}from"react/jsx-runtime";function d(r){var o=r.component,d=r.columns,c=m(),h=n/d;return l(p,{children:u(a,{container:!0,spacing:2,className:t(c.detailedView,e({},c.detailedViewMobile,s)),children:[l(i,{label:"Name",value:o.name,format:null,xs:h}),l(i,{label:"Sub Category",value:o.sub_category,format:null,xs:h}),l(i,{label:"T.Weight",unit:"mass",value:o.weight,xs:h}),l(i,{label:"Connection Type",value:o.connection_type,format:null,xs:h}),l(i,{label:"Material",value:o.material,format:null,xs:h})]})})}d.propTypes={component:o.shape({family:o.string,sub_category: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}).isRequired,columns:o.number.isRequired};var c=r(d);export{c as default};
//# sourceMappingURL=Browser.js.map
