24 lines
734 B
TypeScript
Executable File
24 lines
734 B
TypeScript
Executable File
import React from 'react';
|
|
import clsx from 'clsx';
|
|
import {FormatClearIcon} from '../../icons/material/FormatClear';
|
|
import {IconButton} from '../../ui/buttons/icon-button';
|
|
import {MenubarButtonProps} from './menubar-button-props';
|
|
import {Tooltip} from '@common/ui/tooltip/tooltip';
|
|
import {Trans} from '@common/i18n/trans';
|
|
|
|
export function ClearFormatButton({editor, size}: MenubarButtonProps) {
|
|
return (
|
|
<Tooltip label={<Trans message="Clear formatting" />}>
|
|
<IconButton
|
|
className={clsx('flex-shrink-0')}
|
|
size={size}
|
|
onClick={() => {
|
|
editor.chain().focus().clearNodes().unsetAllMarks().run();
|
|
}}
|
|
>
|
|
<FormatClearIcon />
|
|
</IconButton>
|
|
</Tooltip>
|
|
);
|
|
}
|