#Alert 警告提示

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

export function AlertBasic() {
  return (
    <Space direction="vertical" align="stretch">
      <Alert title="项目已保存" type="success" />
      <Alert title="有新的版本可用" description="你可以在方便的时候更新。" closable />
      <Alert title="请检查当前设置" type="warning" />
      <Alert title="保存失败" description="请稍后重试，或联系团队管理员。" type="error" />
    </Space>
  );
}

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

import { ShieldCheck } from 'lucide-react';

export function NeutralAlerts() {
  
  return (
    <Space direction="vertical" align="stretch">
      <Alert
        type="success"
        icon={<ShieldCheck size={20} />}
        title={'访问范围符合策略'}
        description={'默认只读，变更操作需要审批。'}
      />
      <Alert
        type="info"
        title={'草稿已自动保存'}
        description={'你可以稍后继续完成设置。'}
        closable
      />
      <Alert
        type="warning"
        title={'部分服务仍需配置'}
        description={'联系管理员完成连接后再试。'}
      />
      <Alert
        type="error"
        title={'连接失败'}
        description={'请检查连接信息后重试。'}
      />
    </Space>
  );
}