export function InfoBox() {
  return (
    <div className="mt-6 bg-orange-50 border border-orange-200 rounded-xl p-4">
      <div className="flex gap-3">
        <svg className="w-5 h-5 text-orange-600 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
        </svg>
        <div>
          <h4 className="font-semibold text-orange-900">Hinweise zur Nachtabschaltung</h4>
          <ul className="text-sm text-orange-800 mt-1 space-y-1 list-disc list-inside">
            <li>Der <strong>night-scheduler</strong> und <strong>nginx</strong> bleiben immer aktiv</li>
            <li>Services werden mit <code>docker compose stop</code> angehalten (Daten bleiben erhalten)</li>
            <li>Bei manuellem Start/Stop wird die letzte Aktion gespeichert</li>
            <li>Der Scheduler prueft jede Minute, ob eine Aktion faellig ist</li>
          </ul>
        </div>
      </div>
    </div>
  )
}