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