import { ISwitchProps } from "./types";
import { useToggleable } from "./utils";
export { useToggleable };
export * from "./types";
/**
 * A customizable Switch component that supports tooltip, labels, and toggle functionality.
 *
 * This component wraps the `Switch` from React Native and enhances its usability by providing
 * optional tooltips and labels. It allows users to toggle between checked and unchecked states
 * easily, making it suitable for various applications such as settings, forms, and toggle controls.
 *
 * @param {object} props - The properties for the Switch component.
 * @param {string} [props.testID] - Optional test identifier for testing purposes. Defaults to "resk-switch".
 * @param {boolean} props.checked - Indicates whether the switch is in the checked state.
 * @param {string} [props.tooltip] - Optional tooltip text displayed when the user hovers over the switch.
 * @param {ReactElement} [props.label] - The text label associated with the switch.
 * @param {boolean} [props.isLabelOnLeftSide] - Indicates whether the label should be on the left side of the switch.
 * @param {any} [props.checkedValue] - The value representing the checked state.
 * @param {any} [props.uncheckedValue] - The value representing the unchecked state.
 * @param {any} [props.defaultValue] - The default value of the switch.
 * @param {boolean} [props.disabled] - Flag to indicate if the switch is disabled.
 * @param {boolean} [props.readOnly] - Flag to indicate if the switch is read-only.
 * @param {string} [props.className] - The tailwind CSS class names for the switch component.
 * @param {string} [props.containerClassName] - The tailwind CSS class names for the container component.
 * @param {string} [props.labelClassName] - The tailwind CSS class names for the label component.
 * @param {any} [rest] - Additional props passed to the React Native Switch component.
 *
 * @returns {ReactElement} - Returns a JSX element representing the Switch component.
 *
 * @example
 * // Usage example of the Switch component
 * import { Switch } from './path/to/Switch';
 *
 * const MyComponent = () => {
 *   return (
 *     <Switch
 *       defaultValue={true}
 *       tooltip="Toggle to receive notifications"
 *       label="Enable Notifications"
 *       color="#4CAF50"
 *       disabled={false}
 *       readOnly={false}
 *       onChange={({value,event,checked})=>{
 *            console.log(value," is value");//display "checked" or "unchecked"
 *       }}
 *     />
 *   );
 * };
 *
 * @example
 * import { Switch } from '@resk/nativewind';
 * <Switch
 *     {...{
 *   tooltip: "Toggle to receive notifications",
 *   label: "Enable Notifications",
 *   color: "#4CAF50",
 *   disabled: false,
 *   readOnly: false,
 *   defaultValue: true,
 *   onChange: (options) => {
 *     console.log(options);
 *   }}
 * />
 */
export declare function Switch({ testID, ...props }: ISwitchProps): import("react/jsx-runtime").JSX.Element;
export declare namespace Switch {
    var getToogleableDefaultValues: (props: import("./types").IToggleableProps) => {
        checkedValue: any;
        uncheckedValue: any;
        defaultValue: any;
    };
    var displayName: string;
}