import e from"@babel/runtime/helpers/defineProperty";import{memo as t}from"react";import r from"classnames";import a 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 n}from"../shared/StaticField.js";import"../shared/SharedEditorElements.js";import"../shared/ConfirmationPopup.js";import{useStyles as i}from"../sharedStyles.js";import{CONTAINER_XS as l}from"../constants.js";import{isMobileDetected as m}from"../../../../../utils/mobileDetect.js";import{jsx as s,Fragment as u,jsxs as d}from"react/jsx-runtime";function p(t){var a=t.component,p=t.columns,h=i(),b=l/p;return s(u,{children:d(o,{container:!0,spacing:2,className:r(h.detailedView,e({},h.detailedViewMobile,m)),children:[s(n,{label:"Name",value:a.name,format:null,xs:b}),s(n,{label:"T.Weight",unit:"mass",value:a.weight,xs:b}),s(n,{label:"Gauge OD",unit:"shortLength",value:a.gauge_od,xs:b}),s(n,{label:"Gauge Length",unit:"shortLength",value:a.gauge_length,xs:b}),s(n,{label:"# of Blades",value:a.no_of_blades,format:null,xs:b}),s(n,{label:"Blade Width",unit:"shortLength",value:a.blade_width,xs:b}),s(n,{label:"Connection Type",value:a.connection_type,format:null,xs:b}),s(n,{label:"Material",value:a.material,format:null,xs:b})]})})}p.propTypes={component:a.shape({family:a.string,outer_diameter:a.number,inner_diameter:a.number,linear_weight:a.number,length:a.number,name:a.string,weight:a.number,connection_type:a.string,material:a.string,gauge_od:a.number,gauge_length:a.number,blade_width:a.number,no_of_blades:a.number}).isRequired,columns:a.number.isRequired};var h=t(p);export{h as default};
