{"version":3,"file":"ModalFooter.cjs","sourceRoot":"","sources":["../../../src/components/ModalFooter/ModalFooter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yEAA2E;AAC3E,+CAA0C;AAE1C,uDAA+C;AAC/C,0CAA+C;AAC/C,gDAAmC;AAEnC,+DAAuD;AAG1C,QAAA,WAAW,GAAG,IAAA,kBAAU,EACnC,CACE,EACE,SAAS,EACT,QAAQ,EACR,gBAAgB,GAAG,oCAAgB,CAAC,UAAU,EAC9C,kBAAkB,EAClB,oBAAoB,EACpB,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,YAAY,GAAG,gBAAgB,KAAK,oCAAgB,CAAC,UAAU,CAAC;IACtE,MAAM,eAAe,GAAG,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC;IAC3D,MAAM,UAAU,GAAG,OAAO,CAAC,kBAAkB,IAAI,oBAAoB,CAAC,CAAC;IAEvE,OAAO,CACL,0CAAQ,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,kBAAO,EAAC,WAAW,EAAE,SAAS,CAAC,KAAM,KAAK;QACpE,QAAQ;QACR,UAAU,IAAI,CACb,8BAAC,SAAG,IACF,aAAa,EACX,YAAY,CAAC,CAAC,CAAC,sBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,sBAAgB,CAAC,MAAM,EAE/D,GAAG,EAAE,CAAC;YAEL,oBAAoB,IAAI,CACvB,8BAAC,eAAM,IACL,IAAI,EAAE,iCAAU,CAAC,EAAE,KACf,oBAAoB,EACxB,OAAO,EAAE,oCAAa,CAAC,SAAS,EAChC,SAAS,EAAE,IAAA,kBAAO,EAChB,eAAe,EACf,oBAAoB,CAAC,SAAS,CAC/B,GACD,CACH;YACA,kBAAkB,IAAI,CACrB,8BAAC,eAAM,IACL,IAAI,EAAE,iCAAU,CAAC,EAAE,KACf,kBAAkB,EACtB,OAAO,EAAE,oCAAa,CAAC,OAAO,EAC9B,SAAS,EAAE,IAAA,kBAAO,EAChB,eAAe,EACf,kBAAkB,CAAC,SAAS,CAC7B,GACD,CACH,CACG,CACP,CACM,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC","sourcesContent":["import { ButtonSize, ButtonVariant } from '@metamask/design-system-shared';\nimport React, { forwardRef } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { Box, BoxFlexDirection } from '../Box';\nimport { Button } from '../Button';\n\nimport { ButtonsAlignment } from './ModalFooter.types';\nimport type { ModalFooterProps } from './ModalFooter.types';\n\nexport const ModalFooter = forwardRef<HTMLElement, ModalFooterProps>(\n  (\n    {\n      className,\n      children,\n      buttonsAlignment = ButtonsAlignment.Horizontal,\n      primaryButtonProps,\n      secondaryButtonProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const isHorizontal = buttonsAlignment === ButtonsAlignment.Horizontal;\n    const buttonClassName = isHorizontal ? 'flex-1' : 'w-full';\n    const hasButtons = Boolean(primaryButtonProps || secondaryButtonProps);\n\n    return (\n      <footer ref={ref} className={twMerge('px-4 pt-4', className)} {...props}>\n        {children}\n        {hasButtons && (\n          <Box\n            flexDirection={\n              isHorizontal ? BoxFlexDirection.Row : BoxFlexDirection.Column\n            }\n            gap={4}\n          >\n            {secondaryButtonProps && (\n              <Button\n                size={ButtonSize.Lg}\n                {...secondaryButtonProps}\n                variant={ButtonVariant.Secondary}\n                className={twMerge(\n                  buttonClassName,\n                  secondaryButtonProps.className,\n                )}\n              />\n            )}\n            {primaryButtonProps && (\n              <Button\n                size={ButtonSize.Lg}\n                {...primaryButtonProps}\n                variant={ButtonVariant.Primary}\n                className={twMerge(\n                  buttonClassName,\n                  primaryButtonProps.className,\n                )}\n              />\n            )}\n          </Box>\n        )}\n      </footer>\n    );\n  },\n);\n\nModalFooter.displayName = 'ModalFooter';\n"]}