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

declare const SegmentedControlItem = "ax-segmented-control-item";

type SegmentedControlItemProps = BoxProps &  {
  "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;
"appearance"?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
"loading"?: false | true;
"asChild"?: false | true;
"as-child"?: false | true;
"value"?: string;
};

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

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

export { SegmentedControlItem };
export type { SegmentedControlItemProps };