/** Shown in the reading column when no document is selected. */
export function EmptyDocumentState() {
  return (
    <div className="flex h-full items-center justify-center bg-white px-6 text-center dark:bg-slate-900">
      <div className="rounded-2xl border border-dashed border-slate-300 bg-slate-50 px-10 py-12 sm:px-12 dark:border-slate-700 dark:bg-slate-800/50">
        <div className="mb-4 text-[28px] font-semibold leading-none text-slate-500 dark:text-slate-300">文档</div>
        <div className="mb-2 text-lg font-bold text-slate-700 dark:text-slate-200">
          选择一篇文档开始阅读
        </div>
        <div className="text-sm leading-7 text-slate-400">
          你可以从左侧目录树中选择知识文档，
          <br />
          也可以导入 Markdown、JSON、TXT 或文件夹来构建 LLM Wiki。
        </div>
      </div>
    </div>
  );
}