import { StyledComponentProps } from "../../types/shared.js";
import { ToggleVariant } from "./toggle-variants.js";
import { ToggleProps } from "@radix-ui/react-toggle";

//#region src/components/toggle/types.d.ts

/**
 * Props for the Toggle component.
 * A component that can be toggled between two states (pressed/unpressed).
 * Extends the base Radix UI toggle props with additional style customization.
 *
 * @example
 * ```tsx
 * // Basic toggle button
 * <Toggle aria-label="Toggle italic">
 *   <ItalicIcon />
 * </Toggle>
 *
 * // With variant and pressed state
 * <Toggle
 *   variant="outline"
 *   pressed={isPressed}
 *   onPressedChange={setIsPressed}
 *   aria-label="Toggle bold"
 * >
 *   <BoldIcon />
 * </Toggle>
 * ```
 */
interface ToggleProps$1 extends StyledComponentProps<ToggleProps> {
  /**
   * Visual variant style for the toggle button.
   * Determines the appearance and styling of the toggle component.
   * Common variants include 'outline', 'solid', 'ghost', etc.
   */
  variant?: ToggleVariant;
}
//#endregion
export { ToggleProps$1 as ToggleProps };