Comment Toolbar Button

1'use client';
2 
3import * as React from 'react';
4 
5import { MessageSquareTextIcon } from 'lucide-react';
6import { useEditorRef } from 'platejs/react';
7 
8import { commentPlugin } from '@/registry/components/editor/plugins/comment-kit';
9 
10import { ToolbarButton } from './toolbar';
11 
12export function CommentToolbarButton() {
13  const editor = useEditorRef();
14 
15  return (
16    <ToolbarButton
17      onClick={() => {
18        editor.getTransforms(commentPlugin).comment.setDraft();
19      }}
20      data-plate-prevent-overlay
21      tooltip="Comment"
22    >
23      <MessageSquareTextIcon />
24    </ToolbarButton>
25  );
26}