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

declare const SegmentedControl = "ax-segmented-control";

type SegmentedControlProps = BoxProps &  {
  "type"?: "single" | "multiple";
"asChild"?: false | true;
"as-child"?: false | true;
"disabled"?: false | true;
"dir"?: "ltr" | "rtl";
"defaultValue"?: string | string[];
"default-value"?: string | string[];
"onValueChange"?: ((value: string) => void) | ((value: string[]) => void);
"value"?: string | string[];
"loop"?: false | true;
"orientation"?: "horizontal" | "vertical";
"rovingFocus"?: false | true;
"roving-focus"?: false | true;
};

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

declare module "react" {
  namespace JSX {
    interface IntrinsicElements {
      [SegmentedControl]: SegmentedControlProps & Omit<(ComponentPropsWithoutRef<"div">), keyof SegmentedControlProps>;
    }
  }
}

export { SegmentedControl };
export type { SegmentedControlProps };