import * as React from 'react';

export type RichTextInputAreaStatus = 'error' | 'warning' | 'loading';

export interface RichTextInputAreaProps {
  dataHook?: string;
  className?: string;
  initialValue?: string;
  placeholder?: string;
  disabled?: boolean;
  status?: RichTextInputAreaStatus;
  statusMessage?: React.ReactNode;
  onChange?: Function;
  minHeight?: string;
  maxHeight?: string;
  spellCheck?: boolean;
  texts?: texts;
  prependHTTP?: boolean;
}

export type texts = {
  toolbarButtons?: {
    boldButtonLabel?: string;
    italicButtonLabel?: string;
    underlineButtonLabel?: string;
    linkButtonLabel?: string;
    bulletedListButtonLabel?: string;
    numberedListButtonLabel?: string;
  };
  insertionForm?: {
    confirmButtonLabel?: string;
    cancelButtonLabel?: string;
    link?: {
      textInputPlaceholder?: string;
      urlInputPlaceholder?: string;
    };
  };
};

export default class RichTextInputArea extends React.PureComponent<RichTextInputAreaProps> {
  setValue: (value: string) => void;
}