import { Link } from '@tanstack/react-router'
import { Boxes, Plus } from 'lucide-react'

import { IllustratedEmptyState } from '@/components/patterns/illustrated-empty-state'
import { Button } from '@evobgp/ui/components/button'

/** empty-state-3 pattern for first module. */
export function ProjectsEmptyState() {
  return (
    <IllustratedEmptyState
      icon={Boxes}
      title="Создайте первый модуль"
      description="Модули задают источники префиксов: AS, CDN, домены и IP-диапазоны."
      action={
        <Button size="sm" render={<Link to="/modules/new" />}>
          <Plus />
          Новый модуль
        </Button>
      }
    />
  )
}
