"use strict";var e=require("prop-types"),r=require("@material-ui/core"),a=require("react/jsx-runtime");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=t(e),o=r.makeStyles((function(e){return{root:{display:"flex",flexWrap:"wrap",alignItems:"center",marginTop:e.spacing(1)/2},formationItem:{display:"flex",alignItems:"center",marginRight:e.spacing(1)},marker:{width:8,height:8,borderRadius:"50%"},label:{color:e.palette.primary.text6,fontSize:"10px",marginLeft:e.spacing(1)}}}));function s(e){var t=e.formations,i=e.formationColors,s=o();return a.jsx("div",{className:s.root,children:t.map((function(e){return a.jsxs("div",{className:s.formationItem,children:[a.jsx("div",{className:s.marker,style:{backgroundColor:i[e]}}),a.jsx(r.Typography,{className:s.label,children:e})]},e)}))})}s.propTypes={formations:i.default.arrayOf(i.default.string).isRequired,formationColors:i.default.shape({}).isRequired},module.exports=s;
