import * as ContextMenuPrimitive from './context-menu'

export default () => (
  <ContextMenuPrimitive.Root>
    <ContextMenuPrimitive.Trigger tw="flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed border-slate-200 text-sm dark:border-slate-700">
      Right click here
    </ContextMenuPrimitive.Trigger>
    <ContextMenuPrimitive.Content tw="w-64">
      <ContextMenuPrimitive.Item inset>
        Back
        <ContextMenuPrimitive.Shortcut>⌘[</ContextMenuPrimitive.Shortcut>
      </ContextMenuPrimitive.Item>
      <ContextMenuPrimitive.Item inset disabled>
        Forward
        <ContextMenuPrimitive.Shortcut>⌘]</ContextMenuPrimitive.Shortcut>
      </ContextMenuPrimitive.Item>
      <ContextMenuPrimitive.Item inset>
        Reload
        <ContextMenuPrimitive.Shortcut>⌘R</ContextMenuPrimitive.Shortcut>
      </ContextMenuPrimitive.Item>
      <ContextMenuPrimitive.Sub>
        <ContextMenuPrimitive.SubTrigger inset>
          More Tools
        </ContextMenuPrimitive.SubTrigger>
        <ContextMenuPrimitive.SubContent tw="w-48">
          <ContextMenuPrimitive.Item>
            Save Page As...
            <ContextMenuPrimitive.Shortcut>⇧⌘S</ContextMenuPrimitive.Shortcut>
          </ContextMenuPrimitive.Item>
          <ContextMenuPrimitive.Item>
            Create Shortcut...
          </ContextMenuPrimitive.Item>
          <ContextMenuPrimitive.Item>Name Window...</ContextMenuPrimitive.Item>
          <ContextMenuPrimitive.Separator />
          <ContextMenuPrimitive.Item>Developer Tools</ContextMenuPrimitive.Item>
        </ContextMenuPrimitive.SubContent>
      </ContextMenuPrimitive.Sub>
      <ContextMenuPrimitive.Separator />
      <ContextMenuPrimitive.CheckboxItem checked>
        Show Bookmarks Bar
        <ContextMenuPrimitive.Shortcut>⌘⇧B</ContextMenuPrimitive.Shortcut>
      </ContextMenuPrimitive.CheckboxItem>
      <ContextMenuPrimitive.CheckboxItem>
        Show Full URLs
      </ContextMenuPrimitive.CheckboxItem>
      <ContextMenuPrimitive.Separator />
      <ContextMenuPrimitive.RadioGroup value="pedro">
        <ContextMenuPrimitive.Label inset>People</ContextMenuPrimitive.Label>
        <ContextMenuPrimitive.Separator />
        <ContextMenuPrimitive.RadioItem value="pedro">
          Pedro Duarte
        </ContextMenuPrimitive.RadioItem>
        <ContextMenuPrimitive.RadioItem value="colm">
          Colm Tuite
        </ContextMenuPrimitive.RadioItem>
      </ContextMenuPrimitive.RadioGroup>
    </ContextMenuPrimitive.Content>
  </ContextMenuPrimitive.Root>
)
