import e from"prop-types";import{isEmpty as i}from"lodash";import{makeStyles as n,Typography as a}from"@material-ui/core";import{jsxs as t,jsx as r}from"react/jsx-runtime";var o=n({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(e){var n=e.wellSectionNames,l=o();return i(n)?null:t("div",{className:l.mainContainer,children:[r("div",{className:l.title,children:"Best in Well Sections: "}),r("div",{className:l.sectionNameContainer,children:n.map((function(e){return r("div",{className:l.sectionName,children:r(a,{variant:"body2",children:e})})}))})]})};l.propTypes={wellSectionNames:e.arrayOf(e.string).isRequired};export{l as default};
