import React from 'react';
import type { ThemeVars } from '@coinbase/cds-common/core/theme';
import { type ControlBaseProps } from './Control';
export type SwitchBaseProps = ControlBaseProps<string> & {
  /** Sets the checked/active color of the control.
   * @default bgPrimary
   */
  controlColor?: ThemeVars.Color;
};
export type SwitchProps = SwitchBaseProps;
export declare const Switch: React.MemoExoticComponent<
  React.ForwardRefExoticComponent<
    import('../types').FilteredHTMLAttributes<
      React.InputHTMLAttributes<HTMLInputElement>,
      'color' | 'value'
    > &
      import('@coinbase/cds-common').SharedProps &
      Partial<
        Pick<
          import('../system').InteractableBaseProps,
          'borderWidth' | 'borderRadius' | 'color' | 'elevation' | 'background' | 'borderColor'
        >
      > & {
        children?: React.ReactNode;
        checked?: boolean;
        disabled?: boolean;
        readOnly?: boolean;
        value?: string | undefined;
        accessibilityLabel?: string;
        indeterminate?: boolean;
        iconStyle?: React.CSSProperties;
        labelStyle?: React.CSSProperties;
      } & {
        /** Sets the checked/active color of the control.
         * @default bgPrimary
         */
        controlColor?: ThemeVars.Color;
      } & React.RefAttributes<HTMLInputElement>
  >
>;
//# sourceMappingURL=Switch.d.ts.map