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