import type { IconName } from '@coinbase/cds-common/types/IconName';
import {
  getIconSourceSize,
  type IconBaseProps as IconBasePropsGeneric,
  type IconProps as IconPropsGeneric,
} from './createIcon';
export type IconBaseProps = IconBasePropsGeneric<IconName>;
export type IconProps = IconPropsGeneric<IconName>;
export declare const Icon: import('react').MemoExoticComponent<
  ({
    ref,
    ..._props
  }: import('@coinbase/cds-common').SharedProps &
    import('@coinbase/cds-common').PaddingProps &
    Pick<
      import('@coinbase/cds-common').SharedAccessibilityProps,
      'accessibilityLabel' | 'accessibilityHint'
    > & {
      size?: import('@coinbase/cds-common').IconSize;
      name: IconName;
      fallback?: null | React.ReactNode;
      active?: boolean;
      color?: import('@coinbase/cds-common').ThemeVars.Color;
      dangerouslySetColor?: string | import('react-native').Animated.AnimatedInterpolation<string>;
      animated?: boolean;
    } & {
      style?: import('react-native').Animated.WithAnimatedValue<
        import('react-native').StyleProp<import('react-native').TextStyle>
      >;
      styles?: {
        root?: import('react-native').StyleProp<import('react-native').ViewStyle>;
        icon?: import('react-native').StyleProp<import('react-native').TextStyle>;
      };
    } & {
      ref?: React.Ref<import('react-native').Text>;
    }) =>
    | string
    | number
    | bigint
    | boolean
    | Iterable<import('react').ReactNode>
    | Promise<
        | string
        | number
        | bigint
        | boolean
        | import('react').ReactPortal
        | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>
        | Iterable<import('react').ReactNode>
        | null
        | undefined
      >
    | import('react/jsx-runtime').JSX.Element
    | null
>;
export { getIconSourceSize };
//# sourceMappingURL=Icon.d.ts.map