import { ReadonlySignal } from "@preact-signals/unified-signals";
import { AnimatableValue, DerivedValue, SharedValue, withSpring, withTiming } from "react-native-reanimated";
/**
 *
 * @example
 * ```tsx
 * import { useSharedValue } from "react-native-reanimated";
 * import { useSignalOfSharedValue } from "@preact-signals/utils/integrations/reanimated";
 *
 * function ExampleComponent() {
 *   const sharedValue = useSharedValue(0);
 *   const signal = useSignalOfSharedValue(sharedValue);
 *
 *   useSignalEffect(() => {
 *     // running some code on JS thread
 *   })
 *
 *
 *  // ... rest of the component
 * }
 * ```
 */
export declare const useSignalOfSharedValue: <T>(shared: Readonly<SharedValue<T>>) => ReadonlySignal<T>;
export declare const useComputedOfSharedValue: <T, TResult>(shared: Readonly<SharedValue<T>>, compute: (v: T) => TResult) => ReadonlySignal<TResult>;
/**
 * @description creates a shared value from a signal.
 *
 * @example
 * ```tsx
 * function ExampleComponent() {
 *   const signal = useSignal(0);
 *   const sharedValue = useSharedValueOfSignal(signal);
 *
 *   // Now you can use the shared value in your component
 *   // ...
 *
 *   return <Animated.View style={useAnimatedStyle(() => ({
 *     opacity: sharedValue.value,
 *    }))} />;
 * }
 * ```
 */
export declare const useSharedValueOfSignal: <T>(_sig: ReadonlySignal<T>) => Readonly<SharedValue<T>>;
export type SignalInteropSetter<TTarget, TSource> = (target: TTarget, source: TSource) => unknown;
export type SharedValueSetter<T> = SignalInteropSetter<SharedValue<T>, T>;
export declare const useSharedValueOfAccessor: <T>(accessor: () => T, setter?: SharedValueSetter<T>) => DerivedValue<T>;
/**
 * @description applies withSpring or withTiming to shared value of accessor
 * @example
 * ```tsx
 * const maxLength = 10
 * function ExampleComponent() {
 *  const input = useSignal('')
 *  const progress = useAnimatedSharedValueOfAccessor(
 *   () => input.value.length / maxLength,
 *   {
 *     type: 'spring',
 *     params: {
 *       damping: 10,
 *     }
 *  })
 *
 *  return (
 *    <View>
 *      <CustomInput value={input} onChangeText={(v) => input.value = v} />
 *      <Animated.View style={useAnimatedStyle(() => ({
 *       alignSelf: 'stretch',
 *       height: 10,
 *       transform: [{ scaleX: progress.value }],
 *     }))} />
 *    </View>
 *  );
 * }
 * ```
 *
 */
export declare const useAnimatedSharedValueOfAccessor: <T extends AnimatableValue>(accessor: () => T, animateOptions: {
    type: "timing";
    params?: Parameters<typeof withTiming>[1];
} | {
    type: "spring";
    params?: Parameters<typeof withSpring>[1];
}) => Readonly<SharedValue<T>>;
export declare const useSpringSharedValueOfAccessor: <T extends AnimatableValue>(accessor: () => T, params?: Parameters<typeof withSpring>[1]) => Readonly<SharedValue<T>>;
export declare const useTimingSharedValueOfAccessor: <T extends AnimatableValue>(accessor: () => T, params?: Parameters<typeof withTiming>[1]) => Readonly<SharedValue<T>>;