// 🌲☀🌲
import type { Address } from 'viem';
import type { PortfolioTokenWithFiatValue } from '../api/types';

/**
 * Note: exported as public Type
 */
export type FormatAmountOptions = {
  /** User locale (default: browser locale) */
  locale?: string;
  /** Minimum fraction digits for number decimals */
  minimumFractionDigits?: number;
  /** Maximum fraction digits for number decimals */
  maximumFractionDigits?: number;
};

/**
 * Note: exported as public Type
 * See Number.prototype.toLocaleString for more info
 */
export type FormatAmountResponse = string;

/**
 * Note: exported as public Type
 */
export type Token = {
  /** The address of the token contract, this value will be empty for native ETH */
  address: Address | '';
  /** The chain id of the token contract */
  chainId: number;
  /** The number of token decimals */
  decimals: number;
  /** A string url of the token logo */
  image: string | null;
  name: string;
  /** A ticker symbol or shorthand, up to 11 characters */
  symbol: string;
};

/**
 * Note: exported as public Type
 */
export type TokenChipProps = {
  /** Rendered token */
  token: Token;
  onClick?: (token: Token) => void;
  className?: string;
  isPressable?: boolean;
};

/**
 * Note: exported as public Type
 */
export type TokenImageProps = {
  /** Optional additional CSS class to apply to the component */
  className?: string;
  /** size of the image in px (default: 24) */
  size?: number;
  token: Token;
};

/**
 * Note: exported as public Type
 */
export type TokenRowProps = {
  /** Token amount */
  amount?: string;
  className?: string;
  hideImage?: boolean;
  hideSymbol?: boolean;
  /** Component on click handler */
  onClick?: (token: Token) => void;
  /** Rendered token */
  token: Token;
  as?: React.ElementType;
};

/**
 * Note: exported as public Type
 */
export type TokenSearchProps = {
  className?: string;
  /** Debounce delay in milliseconds */
  delayMs?: number;
  /** Search callback function */
  onChange: (value: string) => void;
};

/**
 * Note: exported as public Type
 */
export type TokenSelectButtonProps = {
  className?: string;
  /** Determines carot icon direction */
  isOpen: boolean;
  /** Button on click handler */
  onClick: () => void;
  /** Selected token */
  token?: Token;
};

/**
 * Note: exported as public Type
 */
export type TokenSelectDropdownProps = {
  /** List of tokens */
  options: Token[];
  /** Token setter */
  setToken: (token: Token) => void;
  /** Selected token */
  token?: Token;
};

/**
 * Note: exported as public Type
 */
export type TokenSelectModalProps = {
  /** List of tokens */
  options: Token[];
  /** Token setter */
  setToken: (token: Token) => void;
  /** Selected token */
  token?: Token;
};

/**
 * Note: exported as public Type
 */
export type TokenBalanceProps = {
  /** Token with fiat and crypto balance*/
  token: PortfolioTokenWithFiatValue;
  /** Subtitle to display next to the token name (eg. "available") */
  subtitle?: string;
  /** Click handler for the whole component*/
  onClick?: (token: PortfolioTokenWithFiatValue) => void;
  /** Optional aria label for the component */
  'aria-label'?: string;
  /** Optional additional CSS classes to apply to the component */
  classNames?: {
    container?: string;
    tokenName?: string;
    tokenValue?: string;
    fiatValue?: string;
    action?: string;
  };
} & (
  | {
      /** show the token image (default: true)
       * Note: showImage and tokenSize are a discriminated union.
       * If showImage is false, tokenSize must be omitted.
       */
      showImage?: true;
      /** Size of the token image in px (default: 40) */
      tokenSize?: number;
    }
  | {
      /** hide the token image
       * showImage and tokenSize are a discriminated union.
       * If showImage is false, tokenSize must be omitted.
       */
      showImage: false;
      /** Size of the token image in px (default: 40) */
      tokenSize?: never;
    }
) &
  (
    | {
        /** Action handler for the action button (if not provided, actionText must also be omitted) */
        onActionPress?: never;
        /** Optional action button text (default: "Max") */
        actionText?: never;
      }
    | {
        /** Action handler for the action button */
        onActionPress: () => void;
        /** Optional action button text (default: "Max") */
        actionText?: string;
      }
  );