import { Ref, MaybeRefOrGetter } from 'vue';
import { HeadlessController } from '@42/core';
/**
 * Bind a `@42/core` headless controller to a Vue component.
 *
 * Usage:
 * ```ts
 * const el = useC42(Accordion, () => ({ multiple: props.multiple }));
 * // <div :ref="el"><!-- markup --></div>
 * ```
 *
 * - The returned value is a template ref. Assign it to the element the
 *   controller should attach to.
 * - The controller is instantiated in `onMounted` (so it never runs on the
 *   server — SSR-safe) and torn down in `onUnmounted` via `destroy()`.
 * - When the reactive `options` change the controller's `update()` is called
 *   if present; otherwise the instance is destroyed and re-created.
 *
 * @param ControllerClass A `@42/core` controller constructor.
 * @param options Reactive options: a ref, a getter, or a plain value.
 * @returns A template ref pointing at the controller's root element.
 */
export declare function useC42<O = unknown, S = unknown>(ControllerClass: new (root: HTMLElement, options: any) => HeadlessController<O, S>, options?: MaybeRefOrGetter<O | undefined>): Ref<HTMLElement | undefined>;
export default useC42;