"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("react"),r=require("classnames"),a=require("prop-types"),l=require("@material-ui/core");require("../shared/CancelButton.js"),require("../shared/ExpandCollapseButton.js"),require("../shared/FormatedNumber.js"),require("../shared/InputText.js"),require("../shared/MoreButton.js"),require("../shared/SaveButton.js"),require("../shared/SelectField.js");var i=require("../shared/StaticField.js");require("../shared/SharedEditorElements.js"),require("../shared/ConfirmationPopup.js");var n=require("../sharedStyles.js"),u=require("../constants.js"),s=require("../../../../../utils/mobileDetect.js"),o=require("react/jsx-runtime");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=d(e),c=d(r),f=d(a);function j(e){var t=e.component,r=e.columns,a=n.useStyles(),d=u.CONTAINER_XS/r;return o.jsx(o.Fragment,{children:o.jsxs(l.Grid,{container:!0,spacing:2,className:c.default(a.detailedView,m.default({},a.detailedViewMobile,s.isMobileDetected)),children:[o.jsx(i.StaticField,{label:"Name",value:t.name,format:null,xs:d}),o.jsx(i.StaticField,{label:"# of Joints",value:t.number_of_joints,format:"0",xs:d}),o.jsx(i.StaticField,{label:"Component Length",unit:"length",value:t.component_length,format:"0.0",xs:d}),o.jsx(i.StaticField,{label:"T.Weight",unit:"mass",value:t.weight,xs:d}),o.jsx(i.StaticField,{label:"Grade",value:t.grade,format:null,xs:d}),o.jsx(i.StaticField,{label:"TJ OD",unit:"shortLength",value:t.outer_diameter_tooljoint,xs:d}),o.jsx(i.StaticField,{label:"TJ ID",unit:"shortLength",value:t.inner_diameter_tooljoint,xs:d}),o.jsx(i.StaticField,{label:"TJ Length Per Joint",unit:"length",value:t.length_tooljoint,xs:d}),o.jsx(i.StaticField,{label:"Connection Type",value:t.connection_type,format:null,xs:d}),o.jsx(i.StaticField,{label:"Class",value:t.class,format:null,xs:d}),o.jsx(i.StaticField,{label:"Material",value:t.material,format:null,xs:d})]})})}j.propTypes={component:f.default.shape({family:f.default.string,outer_diameter:f.default.number,inner_diameter:f.default.number,linear_weight:f.default.number,component_length:f.default.number,length:f.default.number,name:f.default.string,number_of_joints:f.default.number,weight:f.default.number,connection_type:f.default.string,grade:f.default.string,class:f.default.string,material:f.default.string,outer_diameter_tooljoint:f.default.number,inner_diameter_tooljoint:f.default.number,length_tooljoint:f.default.number}).isRequired,columns:f.default.number.isRequired};var h=t.memo(j);module.exports=h;
//# sourceMappingURL=Browser.js.map
