import React from 'react';
import { FlintToggle as FlintToggleElement } from '@getufy/flint-ui/toggle/flint-toggle';
export interface FlintToggleChangeDetail {
    pressed: boolean;
}
/**
 * A two-state button that can be either on (pressed) or off.
 *
 * @slot (default) - Content to render inside the toggle (text, icons, or both).
 */
export interface FlintToggleProps extends Omit<React.HTMLAttributes<FlintToggleElement>, 'dir'> {
    /** Whether the toggle is currently pressed (on). */
    pressed?: boolean;
    /** Whether the toggle is disabled. */
    disabled?: boolean;
    /**
     * Visual variant of the toggle.
     * Allowed values: 'default' | 'outlined'
     */
    variant?: 'default' | 'outlined';
    /**
     * Size of the toggle.
     * Allowed values: 'sm' | 'md' | 'lg'
     */
    size?: 'sm' | 'md' | 'lg';
    /**
     * Text direction for the toggle.
     * Allowed values: 'ltr' | 'rtl'
     */
    dir?: 'ltr' | 'rtl';
    /** Initial pressed state for uncontrolled mode. */
    defaultPressed?: boolean;
    /** Accessible label for icon-only toggles. */
    ariaLabel?: string | null;
    /**
     * Dispatched when the pressed state changes. Detail: `{ pressed: boolean }`
     * DOM event: `flint-toggle-change`
     */
    onFlintToggleChange?: (event: CustomEvent<FlintToggleChangeDetail>) => void;
}
export declare const FlintToggle: React.ForwardRefExoticComponent<FlintToggleProps & React.RefAttributes<FlintToggleElement>>;