"use client";
import { Button } from "@/components/ui/Button";

export default function ProductDetailPage() {
  return (
    <div className="space-y-4">
      <div className="aspect-square bg-gray-100 rounded-2xl flex items-center justify-center text-6xl">📦</div>
      <h1 className="text-xl font-bold">商品名称</h1>
      <p className="text-2xl font-bold text-red-500">¥99.00</p>
      <p className="text-sm text-gray-500">库存充足 · 24小时内发货</p>
      <Button variant="primary" className="w-full" size="lg">加入购物车</Button>
      <div className="space-y-2">
        <h3 className="font-semibold text-gray-700">商品详情</h3>
        <p className="text-sm text-gray-500 leading-relaxed">商品详细描述信息。这里会展示商品的全部规格参数、使用方法、注意事项等内容。</p>
      </div>
    </div>
  );
}