"use client";
import { useState } from "react";

export default function TrackOrder() {
  const [orderNo, setOrderNo] = useState("");
  // 查询提交
  const handleTrackSubmit = (e: React.FormEvent) => {
    e.preventDefault();
    console.log("查询单号：", orderNo);
    // 这里写你的查询接口逻辑
  };
  return (
    <>
      {/* 查询表单 */}
      <form onSubmit={handleTrackSubmit} className="space-y-6">
        <input
          type="text"
          value={orderNo}
          onChange={(e) => setOrderNo(e.target.value)}
          placeholder="* Please Input Your Number Here"
          className="w-full px-5 py-4 text-base bg-white border-0 rounded-[8px] outline-none focus:ring-2 focus:ring-emerald-700"
        />
        <button
          type="submit"
          className="w-full py-5 bg-emerald-800 text-white text-xl rounded-full hover:bg-emerald-900 transition-colors"
        >
          Track Order
        </button>
      </form>
    </>
  );
}
