Move to TanStack Start from Next.js (#184)

web/shared/minimal-tiptap/components/image/image-popover-block.tsx

@@ -0,0 +1,25 @@
+import { ToolbarButton } from "../toolbar-button"
+import { TrashIcon } from "@radix-ui/react-icons"
+
+const ImagePopoverBlock = ({
+  onRemove,
+}: {
+  onRemove: (e: React.MouseEvent<HTMLButtonElement>) => void
+}) => {
+  const handleRemove = (e: React.MouseEvent<HTMLButtonElement>) => {
+    e.preventDefault()
+    onRemove(e)
+  }
+
+  return (
+    <div className="flex h-10 overflow-hidden rounded bg-background p-2 shadow-lg">
+      <div className="inline-flex items-center gap-1">
+        <ToolbarButton tooltip="Remove" onClick={handleRemove}>
+          <TrashIcon className="size-4" />
+        </ToolbarButton>
+      </div>
+    </div>
+  )
+}
+
+export { ImagePopoverBlock }