import React, { useState } from "react";
import { motion } from "framer-motion";
import { MapPin, Calendar, Trailer, Search } from "lucide-react";
import { Card, CardContent } from "@/components/ui/card";
import { Button } from "@/components/ui/button";
/**
* TraxiBookingWidget – hero reservation block for traxi-trailer.com
* TailwindCSS + Framer Motion + Lucide icons
*/
export default function TraxiBookingWidget() {
// --- local state (simple demo) -----------------------------
const [rentType, setRentType] = useState("normal");
const [location, setLocation] = useState("");
const [startDate, setStartDate] = useState("");
const [endDate, setEndDate] = useState("");
const [model, setModel] = useState("");
const handleSubmit = (e) => {
e.preventDefault();
// TODO: connect with booking backend ↗
console.log({ rentType, location, startDate, endDate, model });
};
// --- component ------------------------------------------------
return (
);
}