'use client'

import { useCRA } from './_hooks/useCRA'
import { CRACyberView } from './_components/CRACyberView'

export default function CRAPage() {
  const { data, live } = useCRA()
  if (!data) {
    return <p className="text-sm text-gray-500">CRA-Risikobeurteilung wird geladen …</p>
  }
  return (
    <div>
      {!live && (
        <p className="mb-3 text-[11px] text-amber-600 dark:text-amber-400">
          Backend nicht erreichbar — statisches Szenario angezeigt.
        </p>
      )}
      <CRACyberView data={data} />
    </div>
  )
}
