fix: linting

src/components/Form/FormHelpButton.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-import { Button, Card, CardBody, CardHeader, UncontrolledPopover } from 'reactstrap'
+import { Button, Card, CardBody, UncontrolledPopover } from 'reactstrap'
 
 import { onlyText } from 'react-children-utilities'
 
@@ -12,18 +12,6 @@ function safeId(id: string) {
   return id.replace('.', '-')
 }
 
-function getText(label: any) {
-  if (typeof label === 'string') {
-    return label
-  } else if (label.type === 'h2' || label.type === 'h3') {
-    return onlyText(label)
-  } else if (label.props && label.props.children) {
-    return onlyText(label.props.children[0])
-  } else {
-    return ''
-  }
-}
-
 export interface FormHelpButtonProps {
   identifier: string
   label: string | React.ReactNode
@@ -48,7 +36,7 @@ export default function FormHelpButton({ identifier, label, help }: FormHelpButt
       <UncontrolledPopover placement="right" target={safeId(identifier)} trigger="legacy" hideArrow>
         <Card className="card--help">
           <CardBody>
-            {label && <h4>{getText(label)}</h4>}
+            {label && <h4>{onlyText(label)}</h4>}
             <p>{help}</p>
           </CardBody>
         </Card>