import { JSXBase } from '@stencil/core/internal';
import { ComponentPropsWithoutRef } from 'react';
import { BoxProps } from './Box.js';
import '../types-B4RnVKcG.js';

declare const SearchInput = "ax-search-input";

type SearchInputProps = BoxProps &  {
  "size"?: "md" | "lg" | "xl";
"asChild"?: false | true;
"as-child"?: false | true;
"disabled"?: false | true;
"placeholder"?: string;
"type"?: "number" | "color" | "button" | "search" | "time" | "image" | "text" | "range" | "month" | "hidden" | "date" | "datetime-local" | "checkbox" | "radio" | string & {} | "tel" | "url" | "email" | "submit" | "reset" | "file" | "password" | "week";
"onValueChange"?: (value: string) => void;
"addonAfter"?: string | number | false | true;
"addon-after"?: string;
"addonBefore"?: string | number | false | true;
"addon-before"?: string;
"appearance"?: "number" | "default";
"name"?: string;
"addonPointerEvents"?: "none" | "auto";
"addon-pointer-events"?: "none" | "auto";
"error"?: false | true;
"htmlSize"?: number;
"html-size"?: number;
"onValueClear"?: () => void;
};

declare module "@stencil/core" {
  namespace JSX {
    interface IntrinsicElements {
      [SearchInput]: SearchInputProps & Omit<(JSXBase.IntrinsicElements["input"]), keyof SearchInputProps>;
    }
  }
}

declare module "react" {
  namespace JSX {
    interface IntrinsicElements {
      [SearchInput]: SearchInputProps & Omit<(ComponentPropsWithoutRef<"input">), keyof SearchInputProps>;
    }
  }
}

export { SearchInput };
export type { SearchInputProps };