import e from"@babel/runtime/helpers/defineProperty";import{memo as r}from"react";import t from"classnames";import i from"prop-types";import{Grid as o}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 s}from"../shared/StaticField.js";import"../shared/SharedEditorElements.js";import"../shared/ConfirmationPopup.js";import{useStyles as a}from"../sharedStyles.js";import m from"../NozzleSize/index.js";import{CONTAINER_XS as n}from"../constants.js";import{isMobileDetected as l}from"../../../../../utils/mobileDetect.js";import{jsxs as p,Fragment as d,jsx as u}from"react/jsx-runtime";function f(r){var i=r.component,f=r.columns,h=a(),c=n/f;return p(d,{children:[p(o,{container:!0,spacing:2,className:t(h.detailedView,e({},h.detailedViewMobile,l)),children:[u(s,{label:"Name",value:i.name,format:null,xs:c}),u(s,{label:"Bit Type",value:i.bit_type,format:null,xs:c}),u(s,{label:"T.Weight",unit:"mass",value:i.weight,xs:c}),u(s,{label:"TFA",value:i.tfa,xs:c})]}),u(m,{isEditing:!1,data:i.nozzle_sizes})]})}f.propTypes={component:i.shape({family:i.string,bit_type:i.string,size:i.number,length:i.number,name:i.string,weight:i.number,tfa:i.number,nozzle_sizes:i.arrayOf(i.shape({}))}).isRequired,columns:i.number.isRequired};var h=r(f);export{h as default};
