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

declare const ToggleButton = "ax-toggle-button";

type ToggleButtonProps = BoxProps &  {
  "appearance"?: "default" | "subtle";
"addonAfter"?: string | number | false | true;
"addon-after"?: string;
"addonBefore"?: string | number | false | true;
"addon-before"?: string;
"icon"?: string | number | false | true;
"iconPosition"?: "end" | "start";
"icon-position"?: "end" | "start";
"size"?: "sm" | "md" | "lg";
"disabled"?: false | true;
"square"?: false | true;
"loading"?: false | true;
"asChild"?: false | true;
"as-child"?: false | true;
"pressed"?: false | true;
"defaultPressed"?: false | true;
"default-pressed"?: false | true;
"onPressedChange"?: (pressed: boolean) => void;
};

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

declare module "react" {
  namespace JSX {
    interface IntrinsicElements {
      [ToggleButton]: ToggleButtonProps & Omit<(ComponentPropsWithoutRef<"button">), keyof ToggleButtonProps>;
    }
  }
}

export { ToggleButton };
export type { ToggleButtonProps };