{"version":3,"file":"GridUnit.mjs","names":["React","makeStyles","getRatio","createRatio","width","ratio1","ratio2","x","Math","ceil","useStyles","theme","root","maxWidth","props","padding","spacing","GridUnit","$","_c","classes","children","columnPadding","ratio","t0","t1","ratioArr","t2","t3","height","t4"],"sources":["../../src/layout/GridUnit.jsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles } from '@material-ui/core'\nimport { getRatio } from './getRatio'\n\nconst createRatio = (width, ratio1, ratio2) => {\n  const x = (width * ratio1) / ratio2\n  return Math.ceil(x / 8) * 8\n}\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    width: '100%',\n    maxWidth: (props) => props.width,\n    padding: theme.spacing(1)\n  }\n}))\n\nexport const GridUnit = (props) => {\n  const classes = useStyles(props)\n  const { children, columnPadding, width, ratio } = props\n  const ratioArr = getRatio(ratio)\n\n  return (\n    <div\n      className={classes.root}\n      style={{\n        height:\n          createRatio(width, ratioArr[0], ratioArr[1]) - (columnPadding || 8)\n      }}\n    >\n      {children}\n    </div>\n  )\n}\n"],"mappings":";;;;;AAIA,MAAMG,eAAeC,OAAOC,QAAQC,WAAW;CAC7C,MAAMC,IAAKH,QAAQC,SAAUC;AAC7B,QAAOE,KAAKC,KAAKF,IAAI,EAAE,GAAG;;AAG5B,MAAMG,YAAYT,YAAYU,WAAW,EACvCC,MAAM;CACJR,OAAO;CACPS,WAAWC,UAAUA,MAAMV;CAC3BW,SAASJ,MAAMK,QAAQ,EAAC;CAC1B,EACD,EAAE;AAEH,MAAaC,YAAWH,UAAA;CAAA,MAAAI,IAAAC,EAAA,GAAA;CACtB,MAAAC,UAAgBV,UAAUI,MAAM;CAChC,MAAA,EAAAO,UAAAC,eAAAlB,OAAAmB,UAAkDT;CAAK,IAAAU;CAAA,IAAAC;AAAA,KAAAP,EAAA,OAAAE,QAAAR,QAAAM,EAAA,OAAAK,SAAAL,EAAA,OAAAd,OAAA;EACvD,MAAAsB,WAAiBxB,SAASqB,MAAM;AAIjBE,OAAAL,QAAOR;AAGdY,OAAArB,YAAYC,OAAOsB,SAAQ,IAAKA,SAAQ,GAAI;AAAAR,IAAA,KAAAE,QAAAR;AAAAM,IAAA,KAAAK;AAAAL,IAAA,KAAAd;AAAAc,IAAA,KAAAM;AAAAN,IAAA,KAAAO;QAAA;AAAAD,OAAAN,EAAA;AAAAO,OAAAP,EAAA;;CAA5C,MAAAS,KAAAH,MAAgDF,iBAAA;CAAmB,IAAAM;AAAA,KAAAV,EAAA,OAAAS,IAAA;AAFhEC,OAAA,EAAAC,QAEHF,IACH;AAAAT,IAAA,KAAAS;AAAAT,IAAA,KAAAU;OAAAA,MAAAV,EAAA;CAAA,IAAAY;AAAA,KAAAZ,EAAA,OAAAG,YAAAH,EAAA,OAAAO,MAAAP,EAAA,OAAAU,IAAA;AALHE,OAAA,sBAAA,cAAA,OAAA;GACa,WAAAL;GACJ,OAAAG;GAMH,EADHP,SACG;AAAAH,IAAA,KAAAG;AAAAH,IAAA,KAAAO;AAAAP,IAAA,KAAAU;AAAAV,IAAA,MAAAY;OAAAA,MAAAZ,EAAA;AAAA,QARNY"}