import type { ElementType } from "react"; import type { Options, Props } from "../utils/types.ts"; import type { CollectionStore } from "./collection-store.ts"; declare const TagName = "div"; type TagName = typeof TagName; /** * Returns props to create a `Collection` component. It receives the collection * store through the `store` prop and provides context for `CollectionItem` * components. * @see https://ariakit.com/components/collection * @example * ```jsx * const collection = useCollectionStore(); * const props = useCollection({ store }); * * Item 1 * Item 2 * Item 3 * * ``` */ export declare const useCollection: import("../utils/types.ts").Hook<"div", CollectionOptions<"div">>; /** * Renders a simple wrapper for collection items. It accepts a collection store * through the [`store`](https://ariakit.com/reference/collection#store) prop * and provides context for * [`CollectionItem`](https://ariakit.com/reference/collection-item) components. * @see https://ariakit.com/components/collection * @example * ```jsx * const collection = useCollectionStore(); * * Item 1 * Item 2 * Item 3 * * ``` */ export declare const Collection: (props: CollectionProps) => import("react").ReactElement>; export interface CollectionOptions<_T extends ElementType = TagName> extends Options { /** * Object returned by the * [`useCollectionStore`](https://ariakit.com/reference/use-collection-store) * hook. If not provided, the closest * [`CollectionProvider`](https://ariakit.com/reference/collection-provider) * component's context will be used. */ store?: CollectionStore; } export type CollectionProps = Props>; export {};