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

declare const Menu = "ax-menu";

type MenuProps =  {
  "size"?: "sm" | "lg";
"placeholder"?: string;
"defaultOpen"?: false | true;
"default-open"?: false | true;
"open"?: false | true;
"onOpenChange"?: (open: boolean) => void;
"loading"?: false | true | "both" | "skeleton" | "spinner";
"empty"?: string | number | false | true;
"inputValue"?: string;
"input-value"?: string;
"onInputValueChange"?: (inputValue: string) => void;
"options"?: CommandOption[] | readonly CommandOption[];
"inputVisible"?: "always" | "if-needed";
"input-visible"?: "always" | "if-needed";
};

declare module "@stencil/core" {
  namespace JSX {
    interface IntrinsicElements {
      [Menu]: MenuProps;
    }
  }
}

declare module "react" {
  namespace JSX {
    interface IntrinsicElements {
      [Menu]: MenuProps & { children?: ReactNode };
    }
  }
}

export { Menu };
export type { MenuProps };