diff options
Diffstat (limited to 'src/components/molecules/buttons/help-button.tsx')
| -rw-r--r-- | src/components/molecules/buttons/help-button.tsx | 40 |
1 files changed, 0 insertions, 40 deletions
diff --git a/src/components/molecules/buttons/help-button.tsx b/src/components/molecules/buttons/help-button.tsx deleted file mode 100644 index 7a01b14..0000000 --- a/src/components/molecules/buttons/help-button.tsx +++ /dev/null @@ -1,40 +0,0 @@ -import { forwardRef, type ForwardRefRenderFunction } from 'react'; -import { useIntl } from 'react-intl'; -import { Button, type ButtonProps } from '../../atoms'; -import styles from './help-button.module.scss'; - -export type HelpButtonProps = Pick< - ButtonProps, - 'className' | 'isPressed' | 'onClick' ->; - -const HelpButtonWithRef: ForwardRefRenderFunction< - HTMLButtonElement, - HelpButtonProps -> = ({ className = '', ...props }, ref) => { - const intl = useIntl(); - const text = intl.formatMessage({ - defaultMessage: 'Help', - id: 'i+/ckF', - description: 'HelpButton: screen reader text', - }); - - return ( - <Button - className={`${styles.btn} ${className}`} - ref={ref} - shape="circle" - {...props} - > - <span className="screen-reader-text">{text}</span> - <span className={styles.icon}>?</span> - </Button> - ); -}; - -/** - * HelpButton component - * - * Render a button with an interrogation mark icon. - */ -export const HelpButton = forwardRef(HelpButtonWithRef); |
