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 {};