"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("react"),a=require("classnames"),r=require("prop-types"),l=require("@material-ui/core");require("../shared/CancelButton.js"),require("../shared/ExpandCollapseButton.js"),require("../shared/FormatedNumber.js"),require("../shared/InputText.js"),require("../shared/MoreButton.js"),require("../shared/SaveButton.js"),require("../shared/SelectField.js");var i=require("../shared/StaticField.js");require("../shared/SharedEditorElements.js"),require("../shared/ConfirmationPopup.js");var u=require("../sharedStyles.js"),s=require("../constants.js"),n=require("../../../../../utils/mobileDetect.js"),d=require("react/jsx-runtime");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=o(e),c=o(a),h=o(r);function f(e){var t=e.component,a=e.columns,r=u.useStyles(),o=s.CONTAINER_XS/a;return d.jsx(d.Fragment,{children:d.jsxs(l.Grid,{container:!0,spacing:2,className:c.default(r.detailedView,m.default({},r.detailedViewMobile,n.isMobileDetected)),children:[d.jsx(i.StaticField,{label:"Name",value:t.name,format:null,xs:o}),d.jsx(i.StaticField,{label:"T.Weight",unit:"mass",value:t.weight,xs:o}),d.jsx(i.StaticField,{label:"Gauge OD",unit:"shortLength",value:t.gauge_od,xs:o}),d.jsx(i.StaticField,{label:"Gauge Length",unit:"shortLength",value:t.gauge_length,xs:o}),d.jsx(i.StaticField,{label:"# of Blades",value:t.no_of_blades,format:null,xs:o}),d.jsx(i.StaticField,{label:"Blade Width",unit:"shortLength",value:t.blade_width,xs:o}),d.jsx(i.StaticField,{label:"Connection Type",value:t.connection_type,format:null,xs:o}),d.jsx(i.StaticField,{label:"Material",value:t.material,format:null,xs:o})]})})}f.propTypes={component:h.default.shape({family:h.default.string,outer_diameter:h.default.number,inner_diameter:h.default.number,linear_weight:h.default.number,length:h.default.number,name:h.default.string,weight:h.default.number,connection_type:h.default.string,material:h.default.string,gauge_od:h.default.number,gauge_length:h.default.number,blade_width:h.default.number,no_of_blades:h.default.number}).isRequired,columns:h.default.number.isRequired};var b=t.memo(f);module.exports=b;
//# sourceMappingURL=Browser.js.map
