Dual State Toggle

1import { DualStateToggle } from "@/components/qiuye-ui/dual-state-toggle";
2import { useState } from "react";
3import { Menu, X } from "lucide-react";

1const [isOpen, setIsOpen] = useState(false);
2
3return (
4  <DualStateToggle
5    active={isOpen}
6    onToggle={setIsOpen}
7    activeIcon={<X />}
8    inactiveIcon={<Menu />}
9    activeLabel="关闭"
10    inactiveLabel="打开"
11    effect="rotate"
12  />
13);