import { Node } from "react-stately";
import { SectionProps as RSSectionProps } from "react-stately";
import { Key, RenderBaseProps, RenderStyleProps } from "../types";
import { LinkDOMProps } from "@react-types/shared";
export interface ItemRenderProps {
    isSelected: boolean;
    isFocused: boolean;
    isFocusVisible: boolean;
}
export interface ElementItemProps<R extends ItemRenderProps = ItemRenderProps> extends RenderBaseProps<R>, LinkDOMProps {
    /** Id for this item */
    id?: Key;
    /** Associated callback when an action is performed on this item*/
    onAction?: () => void;
    /** A string representation of the item's contents, used for features like typeahead. */
    textValue?: string;
    /** An accessibility label for this item. */
    "aria-label"?: string;
}
interface ItemContextValue {
    render: (props: ElementItemProps<ItemRenderProps>, ref: React.ForwardedRef<HTMLElement>, item: Node<any>) => React.ReactElement<any>;
}
export declare const ItemContext: import("react").Context<ItemContextValue | null>;
/** An Item in a Collection component
 * @example
 * <CustomSelect label="Select a fruit">
 *  <Item id="apple">Apple</Item>
 *  <Item id="orange">Orange</Item>
 *  <Item id="banana">Banana</Item>
 * </CustomSelect>
 */
export declare const Item: (props: ElementItemProps<ItemRenderProps> & import("react").RefAttributes<object>) => import("react").ReactElement | null;
export interface ElementSectionProps<T, R extends object = object> extends RSSectionProps<T>, RenderStyleProps<R> {
    id?: Key;
}
interface SectionContextValue {
    render: (props: ElementSectionProps<any>, ref: React.ForwardedRef<HTMLElement>, section: Node<any>) => React.ReactElement<any>;
}
export declare const SectionContext: import("react").Context<SectionContextValue | null>;
/** A Section / grouping of items in a collection component
 * @example
 * <ListBox>
 *  <Section title="Fruits">
 *    <Item id="apple">Apple</Item>
 *    <Item id="orange">Orange</Item>
 *    <Item id="banana">Banana</Item>
 *  </Section>
 *  <Section title="Vegetables">
 *    <Item id="carrot">Carrot</Item>
 *    <Item id="potato">Potato</Item>
 *    <Item id="onion">Onion</Item>
 *  </Section>
 * </ListBox>
 */
export declare const Section: (props: ElementSectionProps<any, object> & import("react").RefAttributes<HTMLElement>) => React.ReactElement | null;
export type { ElementItemProps as ItemProps, ElementSectionProps as SectionProps, };