// components/Kue705_FO.jsx
import React from "react";

const Kue705_FO = () => {
  return (
    <div className="border border-gray-400 w-16 h-32 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 flex-col justify-start">1</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;
