import * as React from "react";
import { Animated, ImageProps, ImageStyle, StyleProp, TextStyle, TranslateYTransform, ViewStyle, TextProps } from "react-native";

export type Position = "top" | "bottom" | "center" | { top?: number; left?: number; bottom?: number; right?: number };
export type MessageType = "none" | "default" | "info" | "success" | "danger" | "warning";

export type Icon =
  | MessageType
  | "auto"
  | {
      icon: MessageType | "auto";
      position: "left" | "right";
      props: {};
    };

export type Transition =
  | {
      transform: TranslateYTransform[];
      opacity: number;
    }
  | { opacity: number }
  | {};

export interface Message {
  message: string;
  description?: string;
  type?: string;
  backgroundColor?: string;
  color?: string;
  duration?: number;
}

export interface MessageComponentProps {
  position?: Position;
  floating?: boolean;
  message: Message;
  hideStatusBar?: boolean;
  icon: React.ReactElement | Icon;
  style: StyleProp<ViewStyle>;
  textStyle: StyleProp<TextStyle>;
  titleStyle: StyleProp<TextStyle>;
  renderFlashMessageIcon?(
    icon: React.ReactElement | Icon,
    style: StyleProp<ImageStyle>,
    iconProps: Partial<ImageProps>
  ): React.ReactElement<{}> | null;
  renderBeforeContent?(message: MessageOptions): React.ReactElement<{}> | null;
  renderCustomContent?(message: MessageOptions): React.ReactElement<{}> | null;
  renderAfterContent?(message: MessageOptions): React.ReactElement<{}> | null;
}

export interface MessageOptions {
  animated?: boolean;
  animationDuration?: number;
  backgroundColor?: string;
  autoHide?: boolean;
  color?: string;
  description?: string;
  duration?: number;
  floating?: boolean;
  hideOnPress?: boolean;
  hideStatusBar?: boolean;
  statusBarHeight?: number;
  icon?: React.ReactElement | React.FC | Icon;
  iconProps?: Partial<ImageProps>;
  message: string;
  position?: Position;
  style?: StyleProp<ViewStyle>;
  textStyle?: StyleProp<TextStyle>;
  titleStyle?: StyleProp<TextStyle>;
  textProps?: TextProps;
  titleProps?: TextProps;
  type?: MessageType;
  onHide?(): void;
  onPress?(): void;
  onLongPress?(): void;
  renderFlashMessageIcon?(
    icon: React.ReactElement | Icon,
    style: StyleProp<ImageStyle>,
    iconProps: Partial<ImageProps>
  ): React.ReactElement<{}> | null;
  renderBeforeContent?(message: MessageOptions): React.ReactElement<{}> | null;
  renderCustomContent?(message: MessageOptions): React.ReactElement<{}> | null;
  renderAfterContent?(message: MessageOptions): React.ReactElement<{}> | null;
}

export interface FlashMessageProps extends Partial<MessageOptions> {
  accessible?: boolean;
  accessibilityLabel?: string;
  testID?: string;
  canRegisterAsDefault?: boolean;
  style?: StyleProp<ViewStyle>;
  MessageComponent?: React.SFC<MessageComponentProps> | React.ReactElement<MessageComponentProps>;
  transitionConfig?(animValue: Animated.Value, position: Position): Transition;
}

export interface ColorTheme {
  success?: string;
  info?: string;
  warning?: string;
  danger?: string;
}

export class DefaultFlash extends React.Component<MessageComponentProps> {}

export function showMessage(options: MessageOptions): void;
export function hideMessage(): void;
export function positionStyle(style: StyleProp<ViewStyle>, position: Position): StyleProp<ViewStyle>;

export function FlashMessageTransition(animValue: Animated.Value, position: Position): Transition;

export default class FlashMessage extends React.Component<FlashMessageProps> {
  static setColorTheme(theme: ColorTheme): void;
  showMessage(options: MessageOptions): void;
  hideMessage(): void;
}

export class FlashMessageManager {
  setDisabled(disabled: boolean): void;
  hold(instance: FlashMessage): void;
  unhold(): void;
  register(instance: FlashMessage): void;
  unregister(instance: FlashMessage): void;
  getCurrent(): FlashMessage;
}