Context Menu

"use client";

import React from "react";
import { ContextMenu } from "@/subframe/components/ContextMenu";
import { Badge } from "@/subframe/components/Badge";

function ContextMenuExample() {
  return (
    <ContextMenu>
      <ContextMenu.ContextItem icon="FeatherCheck">
        Enabled
      </ContextMenu.ContextItem>
      <ContextMenu.ContextItem icon="FeatherEyeOff">
        Hide
      </ContextMenu.ContextItem>
      <ContextMenu.ContextItem
        icon={null}
        rightSlot={<Badge variant="neutral">⌘G</Badge>}
      >
        Wrap with stack
      </ContextMenu.ContextItem>
      <ContextMenu.ContextDivider />
      <ContextMenu.ContextItem icon="FeatherComponent">
        Create component
      </ContextMenu.ContextItem>
      <ContextMenu.ContextItem icon={null}>View code</ContextMenu.ContextItem>
      <ContextMenu.ContextItem
        icon="FeatherCopy"
        rightSlot={<Badge variant="neutral">⌘C</Badge>}
      >
        Copy
      </ContextMenu.ContextItem>
      <ContextMenu.ContextItem
        icon="FeatherTrash"
        rightSlot={<Badge variant="neutral">⌘D</Badge>}
      >
        Delete
      </ContextMenu.ContextItem>
    </ContextMenu>
  );
}

export default ContextMenuExample;