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