Allow passing props to QuestionsTypeBadge

vocdoni · Aug 22, 2024 · 44ea2b9 · 44ea2b9
1 parent ff76e63
commit 44ea2b9
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/packages/chakra-components/src/components/Election/Questions/TypeBadge.tsx b/packages/chakra-components/src/components/Election/Questions/TypeBadge.tsx
@@ -1,9 +1,12 @@
 import { Tooltip } from '@chakra-ui/react'
-import { chakra, useMultiStyleConfig } from '@chakra-ui/system'
+import { chakra, ChakraProps, useMultiStyleConfig } from '@chakra-ui/system'
 import { useElection } from '@vocdoni/react-providers'
 import { ElectionResultsTypeNames, PublishedElection } from '@vocdoni/sdk'
+import type { HTMLAttributes } from 'react'
 
-export const QuestionsTypeBadge = () => {
+type QuestionsTypeBadgeProps = ChakraProps & HTMLAttributes<HTMLDivElement>
+
+export const QuestionsTypeBadge = (props: QuestionsTypeBadgeProps) => {
   const styles = useMultiStyleConfig('QuestionsTypeBadge')
   const { election, localize } = useElection()
 
@@ -32,8 +35,8 @@ export const QuestionsTypeBadge = () => {
   }
 
   return (
-    <chakra.div __css={styles.box}>
-      <Tooltip label={tooltip} hasArrow sx={styles.tooltip} placement='auto'>
+    <chakra.div __css={styles.box} {...props}>
+      <Tooltip label={tooltip} hasArrow placement='auto' sx={styles.tooltip}>
         <chakra.label __css={styles.title}>{title}</chakra.label>
       </Tooltip>
     </chakra.div>