"use client";

import { useState } from "react";
import { Card } from "@/components/ui/Card";
import { Button } from "@/components/ui/Button";
import { EmptyState } from "@/components/ui/EmptyState";


export default function PagePage() {
  
  const [open, setOpen] = useState(false);

  return (
    <div className="space-y-4">
      <div className="flex items-center justify-between">
        <div>
          <h1 className="text-xl font-bold text-gray-800">购物清单</h1>
          <p className="text-sm text-gray-500 mt-1">根据餐计划自动生成本周购物清单，按食材分类。</p>
        </div>
        <Button onClick={() => setOpen(true)} variant="primary" size="sm">新增</Button>
      </div>

      {<Card>
          <p className="text-gray-500 text-sm">购物清单 页面内容</p>
          <p className="text-xs text-gray-400 mt-1">路由: /购物清单</p>
        </Card>}
    </div>
  );
}