import { ChangeEvent, KeyboardEvent, Ref } from 'react';

import { ScrollProps as OriginalScrollProps } from '@snack-uikit/scroll';

export type SearchState = {
  placeholder?: string;
  loading?: boolean;
  value?: string;
  onChange(value: string, e?: ChangeEvent<HTMLInputElement>): void;
  onKeyDown?(e: KeyboardEvent<HTMLElement>): void;
};

export type ScrollProps = {
  /** Включить ли скролл для основной части списка */
  scroll?: boolean;
  /** Ссылка на элемент, обозначающий самый конец прокручиваемого списка */
  scrollRef?: Ref<HTMLElement>;
  /** Ссылка на контейнер, который скроллится */
  scrollContainerRef?: Ref<HTMLElement>;
  /** Отключает возможность взаимодействовать со скролбарами мышью. */
  untouchableScrollbars?: boolean;
  /**
   * Управление скрытием скролл баров:
   * <br> - `Never` - показывать всегда
   * <br> - `Leave` - скрывать когда курсор покидает компонент
   * <br> - `Scroll` - показывать только когда происходит скроллинг
   * <br> - `Move` - показывать при движении курсора над компонентом
   */
  barHideStrategy?: OriginalScrollProps['barHideStrategy'];
  /** Колбек на скролл прокручиваемого списка */
  onScroll?: OriginalScrollProps['onScroll'];
};