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