import { ConfigProviderProps } from "../../config-provider/define.js";
import { Variant } from "../../config-provider/context.js";
import { ComputedRef, Ref } from "vue";
//#region src/form/hooks/useVariant.d.ts
type VariantComponents = keyof Pick<ConfigProviderProps, 'input' | 'inputPassword' | 'inputSearch' | 'otp' | 'inputNumber' | 'textArea' | 'mentions' | 'select' | 'cascader' | 'treeSelect' | 'datePicker' | 'timePicker' | 'rangePicker' | 'card' | 'button' | 'tag' | 'alert' | 'divider' | 'steps' | 'timeline'>;
interface VariantOptions<T extends readonly string[]> {
  variants: T;
  defaultVariant: T[number];
}
type VariantResult<T extends string> = readonly [Readonly<Ref<T>>, Readonly<Ref<boolean>>, Readonly<Ref<boolean>>];
type MaybeRef<T> = Ref<T> | ComputedRef<T> | Readonly<Ref<T>>;
/**
 * Compatible for legacy `bordered` prop.
 */
declare function useVariant<const T extends readonly string[]>(component: VariantComponents, variant: MaybeRef<string | undefined> | undefined, options: VariantOptions<T>): VariantResult<T[number]>;
declare function useVariant(component: VariantComponents, variant?: MaybeRef<Variant | undefined>, legacyBordered?: Ref<boolean | undefined> | boolean, fallbackComponent?: VariantComponents): VariantResult<Variant>;
declare const useVariants: typeof useVariant;
//#endregion
export { VariantOptions, useVariant as default, useVariants };