flowbite-react/dist/components/Banner/BannerCollapseButton.cjs.map

Official React components built for Flowbite and Tailwind CSS

{"version":3,"file":"BannerCollapseButton.cjs","sources":["../../../src/components/Banner/BannerCollapseButton.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef } from \"react\";\nimport { resolveProps } from \"../../helpers/resolve-props\";\nimport { useThemeProvider } from \"../../theme/provider\";\nimport type { ButtonProps } from \"../Button/Button\";\nimport { Button } from \"../Button/Button\";\n\nexport type BannerCollapseButtonProps = ButtonProps;\n\nexport const BannerCollapseButton = forwardRef<HTMLButtonElement, BannerCollapseButtonProps>((props, ref) => {\n  const provider = useThemeProvider();\n  const mergedProps = resolveProps(props, provider.props?.bannerCollapseButton);\n\n  function onClick(e: React.MouseEvent<HTMLButtonElement, MouseEvent>) {\n    const collapseButton = e.target as HTMLButtonElement;\n    const parentBanner = collapseButton.closest('[role=\"banner\"]');\n\n    parentBanner?.remove();\n  }\n\n  return <Button ref={ref} onClick={onClick} {...mergedProps} />;\n});\n\nBannerCollapseButton.displayName = \"BannerCollapseButton\";\n"],"names":["forwardRef","provider","useThemeProvider","resolveProps","jsx","Button"],"mappings":";;;;;;;;AAOY,MAAC,oBAAoB,GAAGA,gBAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AAC/D,EAAE,MAAMC,UAAQ,GAAGC,yBAAgB,EAAE;AACrC,EAAE,MAAM,WAAW,GAAGC,yBAAY,CAAC,KAAK,EAAEF,UAAQ,CAAC,KAAK,EAAE,oBAAoB,CAAC;AAC/E,EAAE,SAAS,OAAO,CAAC,CAAC,EAAE;AACtB,IAAI,MAAM,cAAc,GAAG,CAAC,CAAC,MAAM;AACnC,IAAI,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,CAAC,iBAAiB,CAAC;AAClE,IAAI,YAAY,EAAE,MAAM,EAAE;AAC1B;AACA,EAAE,uBAAuBG,cAAG,CAACC,aAAM,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,WAAW,EAAE,CAAC;AACtE,CAAC;AACD,oBAAoB,CAAC,WAAW,GAAG,sBAAsB;;;;"}