{"version":3,"file":"TextColumn.mjs","sources":["../../../../../../../../../web/src/ui/components/molecules/TextColumn.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\n\nimport Column from '../atoms/Column';\nimport Typography, { TypographyProps } from '../atoms/Typography';\n\nexport type TextColumnProps = {\n  header: ReactNode;\n  body?: ReactNode;\n  helper?: ReactNode;\n\n  align?: TypographyProps['align'];\n};\n\n/**\n * Helper component for a common text layout pattern\n */\nconst TextColumn = ({ header, body, helper, align }: TextColumnProps) => (\n  <Column gap={4}>\n    <Typography variant=\"header\" align={align}>\n      {header}\n    </Typography>\n    {body && <Typography align={align}>{body}</Typography>}\n    {helper && (\n      <Typography variant=\"helper\" align={align}>\n        {helper}\n      </Typography>\n    )}\n  </Column>\n);\n\nexport default TextColumn;\n"],"names":["TextColumn","header","body","helper","align","React","Column","gap","Typography","variant"],"mappings":";;;;AAaA;;AAEC,IACD,MAAMA,UAAAA,GAAa,CAAC,EAAEC,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAEC,KAAK,EAAmB,iBAClEC,EAAA,CAAA,aAAA,CAACC,MAAAA,EAAAA;QAAOC,GAAAA,EAAK;qBACXF,EAAA,CAAA,aAAA,CAACG,UAAAA,EAAAA;QAAWC,OAAAA,EAAQ,QAAA;QAASL,KAAAA,EAAOA;AACjCH,KAAAA,EAAAA,MAAAA,CAAAA,EAEFC,sBAAQG,EAAA,CAAA,aAAA,CAACG,UAAAA,EAAAA;QAAWJ,KAAAA,EAAOA;AAAQF,KAAAA,EAAAA,IAAAA,CAAAA,EACnCC,wBACCE,EAAA,CAAA,aAAA,CAACG,UAAAA,EAAAA;QAAWC,OAAAA,EAAQ,QAAA;QAASL,KAAAA,EAAOA;AACjCD,KAAAA,EAAAA,MAAAA,CAAAA;;;;"}