//
// Copyright 2022 DXOS.org
//
import '@dxos-theme';
import React, { useRef, useState } from 'react';
import { DropdownMenu } from './DropdownMenu';
import { withTheme } from '../../testing';
import { Button } from '../Buttons';
const DefaultStory = () => {
return (
New Tab
⌘+T
New Window
⌘+N
New Private Window
⇧+⌘+N
{/* */}
{/* */}
{/* More Tools */}
{/* */}
{/* */}
{/*
*/}
{/* */}
{/* */}
{/* */}
{/* */}
{/* Save Page As… ⌘+S
*/}
{/* */}
{/* Create Shortcut… */}
{/* Name Window… */}
{/* */}
{/* Developer Tools */}
{/* */}
{/* */}
{/* */}
{/* */}
{/* */}
{/* */}
{/* */}
{/* */}
{/* Show Bookmarks ⌘+B
*/}
{/* */}
{/* */}
{/* */}
{/* */}
{/* */}
{/* Show Full URLs */}
{/* */}
People
{/* */}
{/* */}
{/* */}
{/* */}
{/* */}
{/* Pedro Duarte */}
{/* */}
{/* */}
{/* */}
{/* */}
{/* */}
{/* Colm Tuite */}
{/* */}
{/* */}
);
};
export default {
title: 'ui/react-ui-core/DropdownMenu',
component: DropdownMenu,
render: DefaultStory,
decorators: [withTheme],
parameters: { chromatic: { disableSnapshot: false } },
};
export const Default = {
args: {},
parameters: {
chromatic: { delay: 1600 },
},
};
export const VirtualTrigger = {
render: () => {
const [menuOpen, setMenuOpen] = useState(true);
const buttonRef = useRef(null);
return (
<>
New Tab
⌘+T
New Window
⌘+N
New Private Window
⇧+⌘+N
People
);
},
};