import React, { forwardRef } from 'react';

import { InputLoader } from '../InputLoader';

import { getSearchInputProps } from './getSearchInputProps';
import type { SearchInputOwnProps } from './types';

/** @inheritdoc */
export interface SearchInputProps extends Omit<SearchInputOwnProps, 'className'> {}

export const SearchInput = forwardRef(function SearchInput(
  { loading, ...props }: SearchInputProps,
  forwardedRef: React.Ref<HTMLInputElement>
) {
  return (
    <InputLoader loading={loading}>
      <input ref={forwardedRef} {...getSearchInputProps(props)} />
    </InputLoader>
  );
});