import React from 'react';
import { type View } from 'react-native';
import type { ThemeVars } from '@coinbase/cds-common/core/theme';
import { type ControlBaseProps } from './Control';
export type RadioBaseProps<RadioValue extends string> = Omit<
  ControlBaseProps<RadioValue>,
  'controlColor' | 'controlSize' | 'dotSize'
> & {
  /**
   * Sets the checked/active color of the radio.
   * @default bgPrimary
   */
  controlColor?: ThemeVars.Color;
  /**
   * Sets the border width of the radio.
   * @default 100
   */
  borderWidth?: ThemeVars.BorderWidth;
  /**
   * Sets the outer radio control size in pixels.
   * @default theme.controlSize.radioSize
   */
  controlSize?: number;
  /**
   * Sets the inner dot size in pixels.
   * @default 2/3 of controlSize
   */
  dotSize?: number;
};
export type RadioProps<RadioValue extends string> = RadioBaseProps<RadioValue>;
declare const RadioWithRef: <RadioValue extends string>({
  ref,
  ..._props
}: RadioProps<RadioValue> & {
  ref?: React.Ref<View>;
}) => import('react/jsx-runtime').JSX.Element;
export declare const Radio: typeof RadioWithRef & React.MemoExoticComponent<typeof RadioWithRef>;
export {};
//# sourceMappingURL=Radio.d.ts.map