/** Skelett, keine Blockade. Siehe docs/09-performance-und-ux.md. */
export default function Loading() {
  return (
    <section className="animate-pulse">
      <div className="h-5 w-40 rounded bg-line" />
      <div className="mt-3 h-3 w-full max-w-(--container-measure) rounded bg-line" />
      <div className="mt-8 h-9 w-72 rounded-(--radius-field) bg-line" />
      <div className="mt-10 border-t border-line">
        {[0, 1].map((i) => (
          <div key={i} className="border-b border-line py-6">
            <div className="h-4 w-32 rounded bg-line" />
            <div className="mt-4 space-y-3">
              <div className="h-8 w-full rounded bg-line" />
              <div className="h-8 w-full rounded bg-line" />
            </div>
          </div>
        ))}
      </div>
    </section>
  )
}