import { CSSProperties, ReactNode, Ref } from "react";
//#region src/base-ui/ToggleGroup/type.d.ts
type ToggleGroupSize = 'middle' | 'small';
type ToggleGroupVariant = 'borderless' | 'outlined';
interface ToggleGroupClassNames {
  item?: string;
  itemIcon?: string;
  itemLabel?: string;
  root?: string;
}
interface ToggleGroupStyles {
  item?: CSSProperties;
  itemIcon?: CSSProperties;
  itemLabel?: CSSProperties;
  root?: CSSProperties;
}
interface ToggleGroupOption<Value extends string = string> {
  className?: string;
  disabled?: boolean;
  icon?: ReactNode;
  label?: ReactNode;
  title?: string;
  value: Value;
}
interface ToggleGroupProps<Value extends string = string> {
  className?: string;
  classNames?: ToggleGroupClassNames;
  defaultValue?: Value;
  disabled?: boolean;
  onChange?: (value: Value) => void;
  options?: (ToggleGroupOption<Value> | Value)[];
  ref?: Ref<HTMLDivElement>;
  size?: ToggleGroupSize;
  style?: CSSProperties;
  styles?: ToggleGroupStyles;
  value?: Value;
  variant?: ToggleGroupVariant;
}
//#endregion
export { ToggleGroupClassNames, ToggleGroupOption, ToggleGroupProps, ToggleGroupSize, ToggleGroupStyles, ToggleGroupVariant };
//# sourceMappingURL=type.d.mts.map