{"version":3,"file":"LayoutUnit.mjs","names":["React","makeStyles","Badge","clsx","LayoutUnitProps","unit","highlight","useStyles","theme","background","opacity","props","nudge","height","spacing","xxs","xs","sm","md","lg","xl","xxl","LayoutUnit","FC","$","_c","classes","spaceUnit","bb0","t0","t1","t2"],"sources":["../../src/layout/LayoutUnit.tsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles, Badge } from '@material-ui/core'\nimport clsx from 'clsx'\n\ntype LayoutUnitProps = {\n  unit: 'nudge' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl',\n  highlight: any\n}\n\nconst useStyles = makeStyles((theme) => ({\n  highlight: {\n    background: 'pink',\n    opacity: (props:LayoutUnitProps) => (props.highlight ? 0.2 : 0)\n  },\n  nudge: {\n    height: theme.spacing(1)\n  },\n  xxs: {\n    height: theme.spacing(2)\n  },\n  xs: {\n    height: theme.spacing(3)\n  },\n  sm: {\n    height: theme.spacing(4)\n  },\n  md: {\n    height: theme.spacing(5)\n  },\n  lg: {\n    height: theme.spacing(8)\n  },\n  xl: {\n    height: theme.spacing(12)\n  },\n  xxl: {\n    height: theme.spacing(20)\n  }\n}))\n\n\n\n\nexport const LayoutUnit: React.FC<any> = (props: LayoutUnitProps) => {\n  const classes = useStyles(props)\n\n  let spaceUnit\n  const { unit, highlight } = props\n\n  switch (unit) {\n    case 'nudge':\n      spaceUnit = (\n        <div className={clsx(classes.nudge, classes.highlight)}>\n          {highlight && <Badge color='secondary' badgeContent='Nudge' />}\n        </div>\n      )\n      break\n    case 'xxs':\n      spaceUnit = (\n        <div className={clsx(classes.xxs, classes.highlight)}>\n          {highlight && <Badge color='secondary' badgeContent='XXS' />}\n        </div>\n      )\n      break\n    case 'xs':\n      spaceUnit = (\n        <div className={clsx(classes.xs, classes.highlight)}>\n          {highlight && <Badge color='secondary' badgeContent='XS' />}\n        </div>\n      )\n      break\n    case 'sm':\n      spaceUnit = (\n        <div className={clsx(classes.sm, classes.highlight)}>\n          {highlight && <Badge color='secondary' badgeContent='SM' />}\n        </div>\n      )\n      break\n    case 'md':\n      spaceUnit = (\n        <div className={clsx(classes.md, classes.highlight)}>\n          {highlight && <Badge color='secondary' badgeContent='MD' />}\n        </div>\n      )\n      break\n    case 'lg':\n      spaceUnit = (\n        <div className={clsx(classes.lg, classes.highlight)}>\n          {highlight && <Badge color='secondary' badgeContent='LG' />}\n        </div>\n      )\n      break\n    case 'xl':\n      spaceUnit = (\n        <div className={clsx(classes.xl, classes.highlight)}>\n          {highlight && <Badge color='secondary' badgeContent='XL' />}\n        </div>\n      )\n      break\n    case 'xxl':\n      spaceUnit = (\n        <div className={clsx(classes.xxl, classes.highlight)}>\n          {highlight && <Badge color='secondary' badgeContent='XXL' />}\n        </div>\n      )\n      break\n    default:\n  }\n\n  return spaceUnit\n}\n"],"mappings":"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"}