{"version":3,"file":"ContentSpacing.mjs","sources":["../../../../../../../../../web/src/adminPortal/shared/components/ContentSpacing.tsx"],"sourcesContent":["import { useTheme } from '@mui/material';\nimport React, { FC, ReactNode } from 'react';\n\nimport { DEFAULT_GAP } from './constants';\n\nexport type ContentSpacingCoreProps = {\n  gap?: number; // 8px scaling factor. For example, gap={3} means 24px of gap spacing. Defaults to DEFAULT_GAP.\n  children: ReactNode;\n};\n\n// Base layout container. Creates vertical spacing between children items.\nexport const ContentSpacingCore: FC<ContentSpacingCoreProps> = ({ children, gap }) => {\n  const theme = useTheme();\n\n  return (\n    <div\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        gap: theme.spacing(gap ?? DEFAULT_GAP),\n      }}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["ContentSpacingCore","children","gap","theme","useTheme","React","div","style","display","flexDirection","spacing","DEFAULT_GAP"],"mappings":";;;;AAUA;MACaA,kBAAAA,GAAkD,CAAC,EAAEC,QAAQ,EAAEC,GAAG,EAAE,GAAA;AAC/E,IAAA,MAAMC,KAAAA,GAAQC,QAAAA,EAAAA;AAEd,IAAA,qBACEC,EAAA,CAAA,aAAA,CAACC,KAAAA,EAAAA;QACCC,KAAAA,EAAO;YACLC,OAAAA,EAAS,MAAA;YACTC,aAAAA,EAAe,QAAA;YACfP,GAAAA,EAAKC,KAAAA,CAAMO,OAAO,CAACR,GAAAA,IAAOS,WAAAA;AAC5B;AAECV,KAAAA,EAAAA,QAAAA,CAAAA;AAGP;;;;"}