import type { ValueTransformerProps } from "@powerhousedao/design-system";
import React from "react";
/**
 * Apply transformers to the value of the input element. A transformer is a function that
 * will be applied to the value of the input element modifying the value.
 *
 * @param transformers - An array of transformers. A transformer is an object with a
 * `transformer` property, which is a function that will be applied to the value of
 * the input element, and an optional `options` property. The `options` property can
 * have a `trigger` property, which is the event that triggers the transformer, and
 * an `if` property, which is a boolean that indicates if the transformer should be
 * applied.
 * @param children - The input element to apply the transformers to as children
 *
 * @example
 * <ValueTransformer transformers={[
 *   {
 *     transformer: (value) => value.toUpperCase(),
 *     options: {
 *       trigger: "change",
 *     },
 *   },
 * ]}>
 *   <Input />
 * </ValueTransformer>
 *
 * @example
 * <ValueTransformer transformers={[
 *   {
 *     // trim the value on blur
 *     transformer: (value) => (value as string).trim(),
 *   },
 * ]}>
 *   <Input />
 * </ValueTransformer>
 */
export declare function ValueTransformer({ transformers, children, }: ValueTransformerProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
//# sourceMappingURL=value-transformer.d.ts.map