import { FC, ReactNode } from 'react';
import { RecoilState } from 'recoil';

interface RecoilDevtoolsProps {
    values?: RecoilState<unknown>[];
    children?: ReactNode;
}
/**
 * RecoilDevtools wraps children and passes Recoil atoms to them via props.
 * This enables child components to subscribe to specific atoms for debugging.
 *
 * @example
 * ```tsx
 * <RecoilDevtools values={[atom1, atom2]}>
 *   <LogMonitor />
 * </RecoilDevtools>
 * ```
 */
declare const RecoilDevtools: FC<RecoilDevtoolsProps>;

export { RecoilDevtools };
export type { RecoilDevtoolsProps };