Types

import type { ToastOptions, ToastHostProps } from 'react-native-super-toast';

type ToastId = string | number;

type ToastVariant = 'default' | 'success' | 'error' | 'warning' | 'info' | 'loading';

type ToastPosition = 'top-center' | 'bottom-center' | 'center';

type ToastTheme = 'light' | 'dark' | 'system';

type ToastSwipeDirection = 'up' | 'down' | 'left' | 'right';

type ToastIcon = string | ToastTextIcon | ToastFontIcon | ToastImageIcon;

type ToastTextIcon = { type: 'text'; value: string; size?: number; color?: string };

type ToastFontIcon = {
  type: 'font';
  /** A single glyph character or a codepoint from an icon glyph map. */
  glyph: string | number;
  /** The consuming app must bundle the font. */
  fontFamily: string;
  size?: number;
  color?: string;
};

type ToastImageIcon = {
  type: 'image';
  /** require('./icon.png'), { uri }, data URI, file URI, or content URI. */
  source: ImageSourcePropType;
  size?: number;
  width?: number;
  height?: number;
  tintColor?: string;
  cornerRadius?: number;
};

type ToastAction = { label: string; onClick: () => void };

type ToastViewStyle = {
  backgroundColor?: string;
  borderColor?: string;
  borderWidth?: number;
  borderRadius?: number;
  padding?: number;
  paddingHorizontal?: number;
  paddingVertical?: number;
};

type ToastTextStyle = {
  color?: string;
  fontSize?: number;
  fontFamily?: string;
  fontWeight?: TextStyle['fontWeight'];
  lineHeight?: number;
};

type ToastStyles = {
  toast?: ToastViewStyle;
  title?: ToastTextStyle;
  description?: ToastTextStyle;
  icon?: { color?: string };
  closeButtonIcon?: { color?: string };
};

type ToastHostToastOptions = {
  style?: ToastViewStyle;
  titleStyle?: ToastTextStyle;
  descriptionStyle?: ToastTextStyle;
  actionButtonStyle?: ToastViewStyle;
  actionButtonTextStyle?: ToastTextStyle;
  cancelButtonStyle?: ToastViewStyle;
  cancelButtonTextStyle?: ToastTextStyle;
} & Partial<Record<ToastVariant, ToastViewStyle>>;