import type { ElementType } from "react"; import type { Options, Props } from "../utils/types.ts"; import type { CompositeStore } from "./composite-store.ts"; declare const TagName = "div"; type TagName = typeof TagName; /** * Returns props to create a `CompositeRow` component. Wrapping `CompositeItem` * elements within rows will create a two-dimensional composite widget, such as * a grid. * @see https://ariakit.com/components/composite * @example * ```jsx * const store = useCompositeStore(); * const props = useCompositeRow({ store }); * * * Item 1 * Item 2 * Item 3 * * * ``` */ export declare const useCompositeRow: import("../utils/types.ts").Hook<"div", CompositeRowOptions<"div">>; /** * Renders a row element for composite items that allows two-dimensional arrow * key navigation. * [`CompositeItem`](https://ariakit.com/reference/composite-item) elements * wrapped within this component will automatically receive a * [`rowId`](https://ariakit.com/reference/composite-item#rowid) prop. * @see https://ariakit.com/components/composite * @example * ```jsx {3-12} * * * * Item 1.1 * Item 1.2 * Item 1.3 * * * Item 2.1 * Item 2.2 * Item 2.3 * * * * ``` */ export declare const CompositeRow: (props: CompositeRowProps) => import("react").ReactElement>; export interface CompositeRowOptions<_T extends ElementType = TagName> extends Options { /** * Object returned by the * [`useCompositeStore`](https://ariakit.com/reference/use-composite-store) * hook. If not provided, the closest * [`Composite`](https://ariakit.com/reference/composite) or * [`CompositeProvider`](https://ariakit.com/reference/composite-provider) * components' context will be used. */ store?: CompositeStore; } export type CompositeRowProps = Props>; export {};