'use client';

import { BlockSelectionPlugin } from '@platejs/selection/react';

import { BlockSelection } from '@/components/ui/block-selection';

export const SelectionKit = [
  BlockSelectionPlugin.configure({
    render: {
      belowRootNodes: BlockSelection as any,
    },
    options: {
      isSelectable: (element) => {
        // Exclude specific block types from selection
        if (['code_line', 'td', 'th'].includes(element.type as string)) {
          return false;
        }

        return true;
      },
    },
  }),
];