EvoBGP/apps/web/src/components/patterns/illustrated-empty-state.tsx

import type { LucideIcon } from 'lucide-react'
import type { ReactNode } from 'react'

import { EmptyState } from '@/components/empty-state'

/** empty-state-14: Frame + IconStack. Preview: https://reui.io/preview/base/empty-state-14 */
export function IllustratedEmptyState({
  title,
  description,
  icon,
  action,
}: {
  title: string
  description: string
  icon: LucideIcon
  action?: ReactNode
}) {
  return (
    <EmptyState
      framed
      centered={false}
      icon={icon}
      title={title}
      description={description}
      action={action}
    />
  )
}