import { Boxes, Plus } from 'lucide-react'

import { EmptyState } from '@/components/empty-state'
import { Button } from '@evobgp/ui/components/button'

/** empty-state-14 for first module. Preview: https://reui.io/preview/base/empty-state-14 */
export function ProjectsEmptyState({
  canCreate = true,
  onCreate,
}: {
  canCreate?: boolean
  onCreate?: () => void
}) {
  return (
    <EmptyState
      framed
      centered={false}
      icon={Boxes}
      title="Создайте первый модуль"
      description="Модули задают источники префиксов: AS, CDN, домены и IP-диапазоны."
      action={
        canCreate && onCreate ? (
          <Button size="sm" onClick={onCreate}>
            <Plus />
            Новый модуль
          </Button>
        ) : undefined
      }
    />
  )
}
