"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>
  );
}