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