import React from 'react';

export type PopupNotifyProps = {
  /**
   * `id`: Optional. id component_name for tracking component.
   */
  id?: string;
  /**
   * `image`: Optional. Represents the URL or path of the image to be displayed in the PopupNotify component.
   */
  image?: string;

  /**
   * `title`: Represents the title text to be displayed in the PopupNotify component.
   */
  title: string;

  /**
   * `description`: Represents the description text to be displayed in the PopupNotify component.
   */
  description?: string | React.ReactNode;

  /**
   * `error`: Optional. Represents additional error text to be displayed in the PopupNotify component.
   */
  error?: string;

  /**
   * `secondary`: Optional. Represents the secondary action that can be performed from the PopupNotify component.
   */
  secondary?: PopupAction;

  /**
   * `primary`: Represents the primary action that can be performed from the PopupNotify component.
   */
  primary: PopupAction;

  /**
   * `buttonDirection`: Optional. Represents the direction in which the action buttons are laid out.
   * - 'row': Buttons are laid out horizontally.
   * - 'column': Buttons are laid out vertically.
   * - 'auto': The layout is automatically determined by title length.
   */
  buttonDirection?: PopupActionDirection;

  /**
   * `onIconClose`: Optional. A callback function that is called when the close icon in the PopupNotify component is pressed.
   */
  onIconClose?: () => void;

  /**
   * onRequestClose on request close for modal
   */
  onRequestClose?: (callback?: () => void) => void;
};

export type PopupPromotionProps = {
  /**
   * `id`: Optional. id component_name for tracking component.
   */
  id?: string;

  /**
   * `image`: Represents the URL or path of the image to be displayed in the PopupPromotion component.
   */
  image: string;

  /**
   * `onClose`: Optional. A callback function that is called when the PopupPromotion component is closed.
   */
  onIconClose?: () => void;

  /**
   * `onActionClick`: Optional. A callback function that is called when the PopupPromotion component is closed.
   */
  onActionClick?: () => void;

  /**
   * onRequestClose on request close for modal
   */
  onRequestClose?: (callback?: () => void) => void;
};

type PopupAction = {
  /**
   * `title`: Represents the title text of the action button.
   */
  title: string;

  /**
   * `onPress`: A callback function that is called when the action button is pressed.
   */
  onPress: () => void;
};

type PopupActionDirection = 'row' | 'column' | 'auto';