import { lazy, Suspense } from 'react'
import styles from './page-ui-kit.module.css'

const UIKit = lazy(() => import('./components/ui-kit/ui-kit'))

export default function UIKitPage() {
  return (
    <div className={styles.page}>
      <header className={styles.header}><h1>UI Kit</h1><p>Spectrum 组件的外观与交互示例。</p></header>
      <Suspense fallback={<p role="status">正在加载组件…</p>}><UIKit /></Suspense>
    </div>
  )
}