// import React from "react";

// interface OrderNoteInputProps {
//   note: string;
//   setNote: (val: string) => void;
// }

// export default function OrderNoteInput({ note, setNote }: OrderNoteInputProps) {
//   return (
//     <div className="bg-white dark:bg-zinc-900 border border-slate-100 dark:border-zinc-800/80 rounded-2xl p-5 shadow-xs space-y-2.5">
//       <label className="text-[10px] font-bold uppercase tracking-wider text-slate-400 block">
//         Order Note (Optional)
//       </label>
//       <textarea
//         placeholder="Any special instructions for delivery..."
//         value={note}
//         onChange={(e) => setNote(e.target.value)}
//         rows={2}
//         className="w-full p-3.5 rounded-xl border border-slate-200 dark:border-zinc-800 bg-white dark:bg-zinc-950 text-xs font-semibold focus:border-brand-accent focus:outline-none resize-none"
//       />
//     </div>
//   );
// }