import { RefObject } from "react"; /** * Within `containerRef`, grow every element matching each selector in `selectors` * to the tallest of its peers *in the same visual row* (peers are grouped by their * top edge, so this adapts to 1/2/4-column layouts). Used to keep the pricing * cards' price row and CTA aligned when descriptions or selectors vary in length * across a row, without capping the content. * * `selectors` are processed in order, so put earlier-in-the-card groups first * (e.g. description before offer): sizing the description first aligns the offer * tops before the offer group is measured. Each matched element should anchor its * content appropriately (`justify-end` to sit against the row below, the default * top-anchor to leave the slack below). * * Pass a stable `selectors` reference (e.g. a module-level constant): the effect * re-subscribes whenever its identity changes, so an inline array would tear down * and rebuild the observers on every render. */ export declare const useMatchRowHeights: (containerRef: RefObject, selectors: readonly string[]) => void; //# sourceMappingURL=useMatchRowHeights.d.ts.map