import{shape as a,number as e}from"prop-types";import{makeStyles as t,Typography as r}from"@material-ui/core";import{getUnitDisplay as n}from"../../../../../utils/convert.js";import{jsxs as c,jsx as i}from"react/jsx-runtime";var l=t((function(a){return{wrapper:{display:"flex"},targetLabel:{color:a.palette.grey[400],marginRight:10},targetValue:{marginRight:15}}})),o=function(a){var e=a.targetChanges,t=l();return c("div",{children:[i(r,{variant:"body2",gutterBottom:!0,children:"Target Changes:"}),c("div",{className:t.wrapper,children:[i(r,{variant:"body2",className:t.targetLabel,children:"MD:"}),i(r,{variant:"body2",className:t.targetValue,children:"".concat(e.measured_depth||0," (").concat(n("length"),")")}),i(r,{variant:"body2",className:t.targetLabel,children:"Vertical Section:"}),i(r,{variant:"body2",className:t.targetValue,children:"".concat(e.vertical_section||0," (").concat(n("length"),")")}),i(r,{variant:"body2",className:t.targetLabel,children:"TVD Change:"}),i(r,{variant:"body2",className:t.targetValue,children:"".concat(e.tvd_change||0," (").concat(n("length"),")")})]})]})};o.propTypes={targetChanges:a({measured_depth:e,vertical_section:e,tvd_change:e})},o.defaultProps={targetChanges:{}};export{o as default};
//# sourceMappingURL=TargetChanges.js.map
