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({
  canCreate = true,
  onCreate,
}: {
  canCreate?: boolean
  onCreate?: () => void
}) {
  return (
    <IllustratedEmptyState
      icon={Boxes}
      title="Создайте первый модуль"
      description="Модули задают источники префиксов: AS, CDN, домены и IP-диапазоны."
      action={
        canCreate && onCreate ? (
          <Button size="sm" onClick={onCreate}>
            <Plus />
            Новый модуль
          </Button>
        ) : undefined
      }
    />
  )
}
