'use client'

import type * as React from 'react'
import { MinusIcon } from 'lucide-react'

export function RemoveTablePartIcon({
  Icon
}: {
  Icon: React.ComponentType<{ className?: string }>
}) {
  return (
    <span className="tiptap-button-icon relative inline-flex size-4 items-center justify-center">
      <Icon className="size-4" />
      <MinusIcon className="absolute -right-1 -bottom-0.5 size-3 rounded-sm border border-border bg-card stroke-3" />
    </span>
  )
}