Mav-Mobile-UI/src/components/SessionForm/SessionCard.tsx

import Card from "../UI/Card";
import CardHeader from "../UI/CardHeader";

const SessionCard = () => {
  return (
    <Card>
      <CardHeader title={"Session"} />
      <div className="flex flex-col gap-4">
        <button
          className="bg-[#26B170] text-white px-4 py-2 rounded hover:bg-green-700 transition w-full max-w-md"
          //onClick={() => handleModemSave(apn, username, password, authType)}
        >
          Start Session
        </button>
        <h2 className="text-white mb-2">Number of Vehicles: </h2>
        <h2 className="text-white mb-2">Vehicles without Tax: </h2>
        <h2 className="text-white mb-2">Vehicles without MOT: </h2>
        <h2 className="text-white mb-2">Vehicles with NPED Cat A: </h2>
        <h2 className="text-white mb-2">Vehicles with NPED Cat B: </h2>
        <h2 className="text-white mb-2">Vehicles with NPED Cat C: </h2>
      </div>
    </Card>
  );
};

export default SessionCard;