import{jsxs as e,jsx as i}from"react/jsx-runtime";import{isEmpty as n}from"lodash";import{makeStyles as a,Typography as t}from"@material-ui/core";var r=a({mainContainer:{padding:"8px"},title:{fontSize:"12px",lineHeight:"16px",marginBottom:"8px"},sectionNameContainer:{display:"flex",flexDirection:"column",gap:"4px"},sectionName:{display:"flex",gap:"8px",alignItems:"center"}}),l=function(a){var l=a.wellSectionNames,o=r();return n(l)?null:e("div",{className:o.mainContainer,children:[i("div",{className:o.title,children:"Best in Well Sections: "}),i("div",{className:o.sectionNameContainer,children:l.map((function(e,n){return i("div",{className:o.sectionName,children:i(t,{variant:"body2",children:e})},n)}))})]})};export{l as ViewWellSectionsName};
//# sourceMappingURL=ViewWellSectionsName.js.map
