import * as _chakra_ui_system_dist_system_types from '@chakra-ui/system/dist/system.types';
import { SwitchProps as SwitchProps$1 } from '@chakra-ui/react';

type SwitchProps = Exclude<SwitchProps$1, "colorScheme"> & {
    /** @deprecated The outline variant is deprecated. Stop using the variant prop, as it will no longer apply */
    variant?: "solid" | "outline";
    size?: "sm" | "md" | "lg";
};
/**
 * A switch lets you toggle between on and off, yes and no. It's an alternative to a checkbox.
 *
 * You can use a Switch component inside of a `FormControl` with an associated `FormLabel`:
 *
 * ```tsx
 * <FormControl>
 *   <FormLabel>Enable alerts?</FormLabel>
 *   <Switch />
 * </FormControl>
 * ```
 *
 * Switches are available in three different sizes - `sm`, `md` and `lg`. There are also two variants - `solid` and `outline`.
 *
 * ```tsx
 * <FormControl>
 *   <FormLabel>Enable alerts?</FormLabel>
 *   <Switch variant="outline" size="lg" />
 * </FormControl>
 * ```
 */
declare const Switch: _chakra_ui_system_dist_system_types.ComponentWithAs<"input", SwitchProps>;

export { Switch, SwitchProps };