import React from 'react';
import type { View } from 'react-native';
import type { IconButtonVariant } from '@coinbase/cds-common/types/IconButtonBaseProps';
import type { InputVariant } from '@coinbase/cds-common/types/InputBaseProps';
import { type IconButtonProps } from '../buttons/IconButton';
export declare const variantTransformMap: Record<InputVariant, IconButtonVariant>;
export type InputIconButtonProps = IconButtonProps & {
  /**
   * If set to true, when parent input is focused, the icon will match the color of the focus state
   * @default false
   * */
  disableInheritFocusStyle?: boolean;
};
export declare const InputIconButton: React.NamedExoticComponent<
  import('@coinbase/cds-common').SharedProps &
    Omit<import('../system').PressableBaseProps, 'children'> &
    Pick<
      import('../buttons').ButtonBaseProps,
      'transparent' | 'disabled' | 'loading' | 'progressCircleSize' | 'compact' | 'flush'
    > & {
      name: import('@coinbase/cds-icons').IconName;
      iconSize?: import('@coinbase/cds-common').IconSize;
      active?: boolean;
      variant?: IconButtonVariant;
      styles?: {
        root?: import('react-native').StyleProp<import('react-native').ViewStyle>;
        icon?: import('react-native').StyleProp<import('react-native').TextStyle>;
        progressCircle?: import('react-native').StyleProp<import('react-native').ViewStyle>;
      };
    } & {
      /**
       * If set to true, when parent input is focused, the icon will match the color of the focus state
       * @default false
       * */
      disableInheritFocusStyle?: boolean;
    } & {
      ref?: React.Ref<View>;
    }
>;
//# sourceMappingURL=InputIconButton.d.ts.map