import { Meta, StoryObj } from '@storybook/react-vite';
import { Command } from '.';
import { ComponentIcon } from 'lucide-react';
import { useEffect, useState } from 'react';
const meta = {
title: 'Command',
component: () => (
Sem resultados.
Item 1
Item 2
Item 3
Item 4
Item 5
),
parameters: {
layout: 'centered',
docs: {
description: {
component: 'Um menu visualmente persistente, comum em aplicativos de desktop, que fornece acesso rápido a um conjunto consistente de comandos.'
},
story: {
inline: false,
iframeHeight: 400,
},
},
},
} satisfies Meta<{}>;
export default meta;
type Story = StoryObj;
export const CommandDefault: Story = {
name: 'Command Padrão',
args: {},
render: () => (
Sem resultados.
Item 1
Item 2
Item 3
Item 4
Item 5
Item 1
Item 2
Item 3
Item 4
Item 5
),
};
export const CommandDialog: Story = {
name: 'Command com Dialog',
argTypes: {},
render: () => {
const [openDialog, setOpenDialog] = useState(false);
useEffect(() => {
const down = (e: KeyboardEvent) => {
if (e.key === "j" && (e.metaKey || e.ctrlKey)) {
e.preventDefault()
setOpenDialog((open) => !open)
}
}
document.addEventListener("keydown", down)
return () => document.removeEventListener("keydown", down)
}, [])
return (<>
Pressione{" "}
⌘J
Sem resultados.
Item 1
Item 2
Item 3
Item 4
Item 5
)
},
};