{"version":3,"file":"ContainerBox-t9eu-d_j.js","sources":["../../../app/javascript/shared/ContainerBox.jsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@mui/material';\nimport { colors } from '../entrypoints/lib/theme';\n\nconst ContainerBox = ({ children, ...props }) => {\n  return (\n    <Box\n      sx={{\n        bgcolor: colors.lightYellow,\n        p: { xs: 2, sm: 4 },\n        mt: 2,\n        color: colors.navy,\n        borderRadius: \"0.5rem\",\n        ...props.sx\n      }}\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n};\n\nexport default ContainerBox;\n"],"names":["ContainerBox","children","props","React","Box","colors"],"mappings":"2HAIA,MAAMA,EAAe,CAAC,CAAE,SAAAC,EAAU,GAAGC,KAEjCC,EAAA,cAACC,EAAA,CACC,GAAI,CACF,QAASC,EAAO,YAChB,EAAG,CAAE,GAAI,EAAG,GAAI,CAAE,EAClB,GAAI,EACJ,MAAOA,EAAO,KACd,aAAc,SACd,GAAGH,EAAM,EACX,EACC,GAAGA,CAAA,EAEHD,CAAA"}