@ffsm/as-array/dist/index.d.ts

A lightweight React utility component that allows passing the same props to multiple children at once, simplifying component composition and reducing repetitive code.

import { PropsWithChildren } from 'react';
/**
 * AsArray component props type
 * @typedef {Object} AsArrayProps
 * @property {React.ReactNode} children - Child elements to render
 * @property {Record<string, unknown>} [props] - Additional props to pass to all child elements
 */
export type AsArrayProps = {
    [key: string]: unknown;
};
/**
 * AsArray component that renders an array of children and passes the same props to each child.
 *
 * This component takes children elements and any additional props, then renders each child with
 * both its original props and the additional props passed to AsArray.
 *
 * Text nodes and non-valid React elements are rendered inside Fragment components.
 * Valid React elements are cloned with merged props.
 *
 * @param {PropsWithChildren<AsArrayProps>} props - Component properties
 * @param {React.ReactNode} props.children - Child elements to render
 * @param {Record<string, unknown>} props.rest - Additional props to pass to all child elements
 * @returns {JSX.Element} React Fragment containing the rendered children
 *
 * @example
 * // Pass className to all child buttons
 * <AsArray className="btn-primary">
 *   <button>Save</button>
 *   <button>Cancel</button>
 * </AsArray>
 */
export declare function AsArray(props: PropsWithChildren<AsArrayProps>): import("react/jsx-runtime").JSX.Element;