import e from"@babel/runtime/helpers/defineProperty";import{memo as n}from"react";import o from"classnames";import t from"prop-types";import{Grid as r}from"@material-ui/core";import{CONTAINER_XS as s}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 m}from"../../../../Drillstring/BHAComponentsTable/components/shared/StaticField.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/SharedEditorElements.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/ConfirmationPopup.js";import{useStyles as l}from"../../../../Drillstring/BHAComponentsTable/components/sharedStyles.js";import{jsx as a,Fragment as p,jsxs as u}from"react/jsx-runtime";function d(n){var t=n.component,d=n.columns,c=l(),b=s/d;return a(p,{children:u(r,{container:!0,spacing:2,className:o(c.detailedView,e({},c.detailedViewMobile,i)),children:[a(m,{label:"Name",value:t.name,format:null,xs:b}),a(m,{label:"# of Joints",value:t.number_of_joints,format:"0",xs:b}),a(m,{label:"Component Length",value:t.component_length,format:"0.0",xs:b}),a(m,{label:"T.Weight",unit:"mass",value:t.weight,xs:b}),a(m,{label:"Inside Mud Density",unit:"density",value:t.inside_mud_density,format:"0.0",xs:b}),a(m,{label:"Grade",value:t.grade,format:null,xs:b}),a(m,{label:"Connection Type",value:t.connection_type,format:null,xs:b})]})})}d.propTypes={component:t.shape({name:t.string,weight:t.number,component_length:t.number,number_of_joints:t.number,connection_type:t.string,inside_mud_density:t.number,grade:t.string}).isRequired,columns:t.number.isRequired};var c=n(d);export{c as default};
