nextjs-tailwindcss-headless.../app/components/options/1/page.tsx
2023-09-14 12:38:00 +08:00

40 lines
874 B
TypeScript

"use client";
import { Trash2 } from "lucide-react";
import Option from "../Option";
import { Button } from "@/components/ui/button";
import { MenuItem } from "../types";
const menuItems: MenuItem[] = [
{ name: "重命名" },
{ name: "修改表单" },
{ name: "创建副本" },
{ name: "继续收集" },
{ name: "设置" },
{
name: "添加标签",
subs: [
{ name: "设置" },
{ name: "Message", separator: true },
{ name: "More..." },
],
},
{ name: "打印表单" },
{ name: "模板分享" },
{ name: "文件管理" },
{ separator: true },
{
icon: <Trash2 className="text-red-500 mr-2 h-4 w-4" />,
name: "删除",
color: "text-red-500",
},
];
export default function Option1() {
return (
<Option menuItems={menuItems} title={""}>
<Button variant="outline">Stop</Button>
</Option>
);
}