{"version":3,"file":"ButtonColumn.mjs","sources":["../../../../../../../../../web/src/ui/components/molecules/ButtonColumn.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\n\nimport Column from '../atoms/Column';\nimport Divider from './Divider';\n\ntype ButtonColumnProps = { children: ReactNode } | { top: ReactNode; bottom: ReactNode };\n\n/**\n * Codifies simple button layout patterns\n * - For a single set of buttons, use children\n * - For buttons separated by dividers, use top and bottom props\n */\nconst ButtonColumn = (props: ButtonColumnProps) => {\n  if ('children' in props) {\n    return <Column gap={2}>{props.children}</Column>;\n  }\n\n  return (\n    <Column gap={4}>\n      {props.top && (\n        // This is a bit odd but there are screens where there's nothing directly above the divider\n        <ButtonColumn>{props.top}</ButtonColumn>\n      )}\n      <Divider />\n      <ButtonColumn>{props.bottom}</ButtonColumn>\n    </Column>\n  );\n};\n\nexport default ButtonColumn;\n"],"names":["ButtonColumn","props","React","Column","gap","children","top","Divider","bottom"],"mappings":";;;;AAOA;;;;IAKA,MAAMA,eAAe,CAACC,KAAAA,GAAAA;AACpB,IAAA,IAAI,cAAcA,KAAAA,EAAO;AACvB,QAAA,qBAAOC,EAAA,CAAA,aAAA,CAACC,MAAAA,EAAAA;YAAOC,GAAAA,EAAK;AAAIH,SAAAA,EAAAA,KAAAA,CAAMI,QAAQ,CAAA;AACxC,IAAA;AAEA,IAAA,qBACEH,EAAA,CAAA,aAAA,CAACC,MAAAA,EAAAA;QAAOC,GAAAA,EAAK;OACVH,KAAAA,CAAMK,GAAG;kBAERJ,EAAA,CAAA,aAAA,CAACF,YAAAA,EAAAA,IAAAA,EAAcC,MAAMK,GAAG,CAAA,gBAE1BJ,iBAACK,OAAAA,EAAAA,IAAAA,CAAAA,gBACDL,EAAA,CAAA,aAAA,CAACF,YAAAA,EAAAA,IAAAA,EAAcC,KAAAA,CAAMO,MAAM,CAAA,CAAA;AAGjC;;;;"}