23 lines
723 B
JavaScript
23 lines
723 B
JavaScript
// components/Kue705_FO.jsx
|
|
import React from "react";
|
|
|
|
const Kue705_FO = ({ slot }) => {
|
|
return (
|
|
<div className="border border-gray-400 w-12 h-24 flex flex-col">
|
|
{/* Erstes Kind, nimmt den restlichen Platz ein */}
|
|
<div className="bg-blue-500 flex-grow flex flex-col items-center justify-center text-white text-xs">
|
|
<div className="flex w-full p-1 mb-4 items-start justify-start">
|
|
{slot}
|
|
</div>
|
|
<div>KÜ705</div>
|
|
<div>FO</div>
|
|
</div>
|
|
{/* Die unteren Abschnitte behalten ihre festen Höhen */}
|
|
<div className="bg-green-500 w-full h-1/6"></div>
|
|
<div className="bg-blue-500 w-full h-1/6"></div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Kue705_FO;
|