{"version":3,"file":"SettingsSection.mjs","sources":["../../../../../../../../web/src/adminPortal/components/SettingsSection.tsx"],"sourcesContent":["import { useTheme } from '@mui/material';\nimport React from 'react';\n\nimport { FlexBox } from './FlexBox';\nimport { InfoIcon } from './InfoIcon';\nimport { Typography } from './Typography';\n\nexport const SettingsSection = ({\n  children,\n  title,\n  tooltipText,\n  titleVariant = 'h4',\n}: {\n  children: React.ReactNode;\n  title: React.ReactNode;\n  tooltipText?: string;\n  titleVariant?: 'h4' | 'h5';\n}) => {\n  const theme = useTheme();\n\n  return (\n    <FlexBox flexDirection=\"column\" gap={0.5}>\n      <FlexBox alignItems=\"center\" flexDirection=\"row\" gap={0.5}>\n        <Typography variant={titleVariant}>{title}</Typography>\n        {tooltipText && <InfoIcon color={theme.styleConfig.colors.primary} tooltipText={tooltipText} />}\n      </FlexBox>\n      {children}\n    </FlexBox>\n  );\n};\n"],"names":["SettingsSection","children","title","tooltipText","titleVariant","theme","useTheme","React","FlexBox","flexDirection","gap","alignItems","Typography","variant","InfoIcon","color","styleConfig","colors","primary"],"mappings":";;;;;;AAOO,MAAMA,eAAAA,GAAkB,CAAC,EAC9BC,QAAQ,EACRC,KAAK,EACLC,WAAW,EACXC,YAAAA,GAAe,IAAI,EAMpB,GAAA;AACC,IAAA,MAAMC,KAAAA,GAAQC,QAAAA,EAAAA;AAEd,IAAA,qBACEC,EAAA,CAAA,aAAA,CAACC,OAAAA,EAAAA;QAAQC,aAAAA,EAAc,QAAA;QAASC,GAAAA,EAAK;qBACnCH,EAAA,CAAA,aAAA,CAACC,OAAAA,EAAAA;QAAQG,UAAAA,EAAW,QAAA;QAASF,aAAAA,EAAc,KAAA;QAAMC,GAAAA,EAAK;qBACpDH,EAAA,CAAA,aAAA,CAACK,UAAAA,EAAAA;QAAWC,OAAAA,EAAST;AAAeF,KAAAA,EAAAA,KAAAA,CAAAA,EACnCC,6BAAeI,EAAA,CAAA,aAAA,CAACO,QAAAA,EAAAA;AAASC,QAAAA,KAAAA,EAAOV,KAAAA,CAAMW,WAAW,CAACC,MAAM,CAACC,OAAO;QAAEf,WAAAA,EAAaA;AAEjFF,KAAAA,CAAAA,CAAAA,EAAAA,QAAAA,CAAAA;AAGP;;;;"}