nextjs-tailwindcss-headless.../app/components/options/3/page.tsx

41 lines
919 B
TypeScript
Raw Normal View History

2023-09-14 12:38:00 +08:00
"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: "设置" },
{
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 Option3() {
return (
<Option menuItems={menuItems} title="Release">
<Button variant="outline">Release</Button>
</Option>
);
}