import type { Component } from 'vue';

/**
 * A component to display empty states when there is no content to show.
 * @category Feedback
 * @useCases no data available, empty list, empty search results, no items found
 * @keywords empty, no data, placeholder, blank state, zero state
 * @related UiSkeleton, UiSpinner
 */
export interface UiEmptyProps {
  /**
   * The title text to display.
   */
  title?: string;

  /**
   * The description text to display below the title.
   */
  description?: string;

  /**
   * Custom icon component to display.
   * If not provided, a default empty state icon will be shown.
   */
  icon?: Component;
}
