import { ColumnWidth, ElementProps, InputWidth } from "../../../types/shared.mjs";
import { Component } from "../../../internal/factory/factory.mjs";
import { BaseFormElementProps } from "../../core/form-group/FormGroup.mjs";
import { ButtonProps } from "../button/Button.mjs";
import { ReactNode } from "react";

//#region src/components/form-elements/search-input/SearchInput.d.ts
type SearchInputButton = {
  /**
   * Visible button text. When omitted the button shows only its icon.
   */
  text?: ReactNode;
  /**
   * Icon rendered inside the button. Defaults to the search icon.
   */
  icon?: ReactNode;
  /**
   * Accessible name for the button, used when it only shows an icon. Defaults to `Search`.
   */
  visuallyHiddenText?: string;
  variant?: ButtonProps['variant'];
  className?: string;
};
type SearchInputProps = Omit<BaseFormElementProps, 'name'> & {
  name: string;
  large?: boolean;
  width?: InputWidth | ColumnWidth;
  button?: SearchInputButton;
} & ElementProps<'input', 'size' | 'type' | 'name'>;
declare const SearchInput: Component<{
  props: SearchInputProps;
  ref: HTMLInputElement;
}>;
//#endregion
export { SearchInput, SearchInputButton, SearchInputProps };