SurfSense/surfsense_web/components/ui/mark-toolbar-button.tsx

'use client';

import * as React from 'react';

import { useMarkToolbarButton, useMarkToolbarButtonState } from 'platejs/react';

import { ToolbarButton } from './toolbar';

export function MarkToolbarButton({
  clear,
  nodeType,
  ...props
}: React.ComponentProps<typeof ToolbarButton> & {
  nodeType: string;
  clear?: string[] | string;
}) {
  const state = useMarkToolbarButtonState({ clear, nodeType });
  const { props: buttonProps } = useMarkToolbarButton(state);

  return (
    <ToolbarButton
      {...props}
      {...buttonProps}
      onMouseDown={(e: React.MouseEvent) => {
        e.preventDefault();
      }}
    />
  );
}