#Result 结果

import { Button, Result, Space } from '@ifhover/leaf-ui';

export function ResultBasic() {
  return (
    <Result
      status="success"
      title="项目已创建"
      description="一切准备就绪，可以开始你的下一个好想法。"
      extra={
        <Space>
          <Button variant="outline">返回列表</Button>
          <Button>进入项目</Button>
        </Space>
      }
    />
  );
}

import { Button, Result, Space } from '@ifhover/leaf-ui';

export function ResultStates() {
  return (
    <Space direction="vertical" align="stretch">
      <Result
        status="empty"
        size="sm"
        title="还没有项目"
        description="创建你的第一个项目，开始整理灵感。"
        extra={<Button variant="outline">创建项目</Button>}
      />
      <Result
        status="warning"
        size="sm"
        title="存储空间即将用完"
        description="清理不需要的内容，或调整空间配额。"
      />
      <Result
        status="error"
        size="sm"
        title="发布未完成"
        description="请检查连接后重试。"
        extra={<Button variant="outline">重试</Button>}
      />
      <Result status="info" size="sm" title="审核正在进行" description="完成后将在项目页面更新。" />
    </Space>
  );
}

import { Result } from '@ifhover/leaf-ui';

import { Leaf } from 'lucide-react';

export function ResultCustom() {
  return (
    <Result title="让灵感继续生长" description="图标、内容和操作区都可以替换。" icon={<Leaf />}>
      <p>这里可以放置后续步骤、问题说明或其他补充内容。</p>
    </Result>
  );
}