Files
borrow-system/frontend/src/components/Form3.tsx

23 lines
741 B
TypeScript

import React from "react";
const Form3: React.FC = () => {
const code = localStorage.getItem("borrowCode") ?? "—";
return (
<div className="space-y-4">
<h2 className="text-xl font-bold text-blue-700">3. Ausleihe bestätigt</h2>
<div className="mt-2 p-6 bg-blue-50/80 border border-blue-200 rounded-2xl text-center shadow-lg">
<p className="text-blue-800 font-semibold">Ihr Ausleihcode lautet</p>
<div className="text-3xl font-extrabold tracking-widest text-blue-700 mt-1">
{code}
</div>
<p className="text-blue-600 mt-2 text-sm">
Bitte merken Sie sich diesen Code, um das Schließfach zu öffnen.
</p>
</div>
</div>
);
};
export default Form3;