export default function WordWrapButton()

in src/theme/CodeBlock/WordWrapButton/index.tsx [16:42]

• 26 lines of code
• 2 McCabe index (conditional complexity)

export default function WordWrapButton({
  className,
  onClick,
  isEnabled,
}: Props): JSX.Element | null {
  const title = translate({
    id: 'theme.CodeBlock.wordWrapToggle',
    message: 'Toggle word wrap',
    description:
      'The title attribute for toggle word wrapping button of code block lines',
  });

  return (
    <button
      type="button"
      onClick={onClick}
      className={clsx(
        'clean-btn',
        className,
        isEnabled && styles.wordWrapButtonEnabled,
      )}
      aria-label={title}
      title={title}>
      <IconWordWrap className={styles.wordWrapButtonIcon} aria-hidden="true" />
    </button>
  );
}