import * as React from 'react';

export interface ThumbnailProps {
  children?: React.ReactNode;
  dataHook?: string;
  className?: string;
  title?: React.ReactNode;
  description?: React.ReactNode;
  image?: React.ReactNode;
  size?: ThumbnailSize;
  selected?: boolean;
  disabled?: boolean;
  hideSelectedIcon?: boolean;
  backgroundImage?: React.ReactNode;
  onClick?: (
    event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,
  ) => void;
  width?: string | number;
  height?: string | number;
  contentAlignment?: ThumbnailContentAlignment;
  ellipsis?: boolean;
  maxLines?: number;
  textPosition?: 'inside' | 'outside';
  noPadding?: boolean;
}

export default class Thumbnail extends React.PureComponent<ThumbnailProps> {}

export type ThumbnailSize = 'tiny' | 'small' | 'medium';

export type ThumbnailContentAlignment = 'top' | 'center';