#Result

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

export function ResultBasic() {
  return (
    <Result
      status="success"
      title="Project created"
      description="Everything is ready for your next great idea."
      extra={
        <Space>
          <Button variant="outline">Back to list</Button>
          <Button>Open project</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="No projects yet"
        description="Create your first project to collect ideas."
        extra={<Button variant="outline">Create project</Button>}
      />
      <Result
        status="warning"
        size="sm"
        title="Storage is almost full"
        description="Remove unused content or adjust your storage limit."
      />
      <Result
        status="error"
        size="sm"
        title="Publishing failed"
        description="Check your connection and try again."
        extra={<Button variant="outline">Retry</Button>}
      />
      <Result
        status="info"
        size="sm"
        title="Review in progress"
        description="The project page will update when it is complete."
      />
    </Space>
  );
}

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

import { Leaf } from 'lucide-react';

export function ResultCustom() {
  return (
    <Result
      title="Let your ideas grow"
      description="Replace the icon, content and actions to suit your workflow."
      icon={<Leaf />}
    >
      <p>Add next steps, issue details or other helpful information here.</p>
    </Result>
  );
}