{"version":3,"file":"GridRow.mjs","names":["React","Children","useEffect","useState","makeStyles","lighten","clsx","useStyles","theme","root","display","background","highlight","breakpoints","down","flexDirection","GridRow","t0","$","_c","children","className","classes","childCount","setChildCount","t1","count","t2","t3","t4"],"sources":["../../src/layout/GridRow.jsx"],"sourcesContent":["import React, { Children, useEffect, useState } from 'react'\nimport { makeStyles, lighten } from '@material-ui/core'\nimport clsx from 'clsx'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    background: (highlight) => highlight === true && lighten('#40c4ff', 0.9),\n    [theme.breakpoints.down('xs')]: {\n      flexDirection: 'column'\n    }\n  }\n}))\n\nexport const GridRow = ({ children, highlight, className }) => {\n  const classes = useStyles(highlight)\n  const [childCount, setChildCount] = useState()\n\n  useEffect(() => {\n    const count = Children.count(children)\n    setChildCount(count)\n  }, [childCount, children])\n\n  return <div className={clsx(classes.root, className)}>{children}</div>\n}\n"],"mappings":";;;;;AAIA,MAAMO,YAAYH,YAAYI,WAAW,EACvCC,MAAM;CACJC,SAAS;CACTC,aAAaC,cAAcA,cAAc,QAAQP,QAAQ,WAAW,GAAI;EACvEG,MAAMK,YAAYC,KAAK,KAAK,GAAG,EAC9BC,eAAe,UACjB;CACF,EACD,EAAE;AAEH,MAAaC,WAAUC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAC,MAAA,EAAAC,UAAAR,WAAAS,cAAAJ;CACtB,MAAAK,UAAgBf,UAAUK,UAAU;CACpC,MAAA,CAAAW,YAAAC,iBAAoCrB,UAAU;CAAA,IAAAsB;AAAA,KAAAP,EAAA,OAAAE,UAAA;AAEpCK,aAAA;AAERD,iBADcvB,SAAQyB,MAAON,SAAS,CAClB;;AACrBF,IAAA,KAAAE;AAAAF,IAAA,KAAAO;OAAAA,MAAAP,EAAA;CAAA,IAAAS;AAAA,KAAAT,EAAA,OAAAK,cAAAL,EAAA,OAAAE,UAAA;AAAEO,OAAA,CAACJ,YAAYH,SAAS;AAAAF,IAAA,KAAAK;AAAAL,IAAA,KAAAE;AAAAF,IAAA,KAAAS;OAAAA,MAAAT,EAAA;AAHzBhB,WAAUuB,IAGPE,GAAuB;CAAA,IAAAC;AAAA,KAAAV,EAAA,OAAAG,aAAAH,EAAA,OAAAI,QAAAb,MAAA;AAEHmB,OAAAtB,KAAKgB,QAAOb,MAAOY,UAAU;AAAAH,IAAA,KAAAG;AAAAH,IAAA,KAAAI,QAAAb;AAAAS,IAAA,KAAAU;OAAAA,MAAAV,EAAA;CAAA,IAAAW;AAAA,KAAAX,EAAA,OAAAE,YAAAF,EAAA,OAAAU,IAAA;AAA7CC,OAAA,sBAAA,cAAA,OAAA,EAAgB,WAAAD,IAA+C,EAAfR,SAAe;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAU;AAAAV,IAAA,MAAAW;OAAAA,MAAAX,EAAA;AAAA,QAA/DW"}