{"version":3,"file":"ModalBaseCloseButton.cjs","sources":["../../../src/components/ModalBase/ModalBaseCloseButton.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport cx from 'clsx';\nimport { BoxProps, ElementProps } from '../../core';\nimport { __CloseButtonProps, CloseButton } from '../CloseButton';\nimport { useModalBaseContext } from './ModalBase.context';\nimport { ModalBaseCloseButtonStyle } from './ModalBase.css';\n\nexport interface ModalBaseCloseButtonProps\n  extends __CloseButtonProps,\n    BoxProps,\n    ElementProps<'button'> {}\n\nexport const ModalBaseCloseButton = forwardRef<HTMLButtonElement, ModalBaseCloseButtonProps>(\n  ({ className, onClick, ...others }, ref) => {\n    const ctx = useModalBaseContext();\n    return (\n      <CloseButton\n        ref={ref}\n        {...others}\n        onClick={(event) => {\n          ctx.onClose();\n          onClick?.(event);\n        }}\n        className={cx({ [ModalBaseCloseButtonStyle]: !ctx.unstyled }, className)}\n        unstyled={ctx.unstyled}\n      />\n    );\n  }\n);\n\nModalBaseCloseButton.displayName = '@raikou/core/ModalBaseCloseButton';\n"],"names":["forwardRef","useModalBaseContext","jsx","CloseButton","cx","ModalBaseCloseButtonStyle"],"mappings":";;;;;;;;;;;;;;AAYO,MAAM,oBAAuB,GAAAA,gBAAA;AAAA,EAClC,CAAC,EAAE,SAAA,EAAW,SAAS,GAAG,MAAA,IAAU,GAAQ,KAAA;AAC1C,IAAA,MAAM,MAAMC,qCAAoB,EAAA;AAChC,IACE,uBAAAC,cAAA;AAAA,MAACC,uBAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACC,GAAG,MAAA;AAAA,QACJ,OAAA,EAAS,CAAC,KAAU,KAAA;AAClB,UAAA,GAAA,CAAI,OAAQ,EAAA;AACZ,UAAA,OAAA,GAAU,KAAK,CAAA;AAAA,SACjB;AAAA,QACA,SAAA,EAAWC,mBAAG,CAAA,EAAE,CAACC,uCAAyB,GAAG,CAAC,GAAA,CAAI,QAAS,EAAA,EAAG,SAAS,CAAA;AAAA,QACvE,UAAU,GAAI,CAAA;AAAA;AAAA,KAChB;AAAA;AAGN;AAEA,oBAAA,CAAqB,WAAc,GAAA,mCAAA;;;;"}