import * as React from 'react';
import { FloatingHelperAppearance, FloatingHelperSkin } from '..';

export type FloatingHelperContentActionSkin =
  | 'standard'
  | 'white'
  | 'whiteOutline'
  | 'dark'
  | 'darkOutline'
  | 'premium'
  | 'lightPrimary'
  | 'standardPrimary';
export type FloatingHelperContentActionTheme = FloatingHelperContentActionSkin;

export type FloatingHelperContentDirection = 'horizontal' | 'vertical';

export interface FloatingHelperContentProps {
  /** Adds text as the title. */
  title?: string;
  /** Adds renderable node as the body. */
  body: React.ReactNode;
  /** Sets the text of the action button. Needs to be a non-empty string (and onActionClick prop has to be passed) in order for the action button to appear. */
  actionText?: string;
  /** Sets the skin of the action button. */
  actionSkin?: FloatingHelperContentActionSkin;
  /** Sets the skin of the action button. Used only when `actionSkin` isn't set.
   * @deprecated Use `actionSkin` instead.
   */
  actionTheme?: FloatingHelperContentActionSkin;
  /** Custom footer node. */
  footer?: React.ReactNode;
  /** When both onActionClick & actionText are provided, displays an action button that invokes onActionClick() on click. */
  onActionClick?: () => void;
  /** Adds an image. */
  image?: React.ReactNode;
  /** Skin : `dark` or `light`. */
  skin?: FloatingHelperSkin;
  /** Controls the color scheme of the content. Used only when `skin` isn't set.
   * @deprecated Use `skin` instead.
   */
  appearance?: FloatingHelperAppearance;
  /** Sets the direction of content and image. */
  direction?: FloatingHelperContentDirection;
}

export declare const FloatingHelperContent: React.ComponentClass<FloatingHelperContentProps>;