import * as React from 'react';
import { View } from 'react-native';
import type { FieldRoot } from '../root/FieldRoot';
import type { ZestUIComponentProps } from '../../types';
/**
 * Groups one item of a checkbox or radio group with its own label and
 * description.
 * Renders a `<View>`.
 *
 * A `Field.Root` labels a single control, so a group of them would have every
 * item pointing at the same label. An item opens a nested labelling scope: the
 * `Field.Label` and `Field.Description` inside it associate with *its* control
 * and nothing else, while validity, `disabled` and the rest still come from the
 * surrounding field.
 *
 * ```tsx
 * <Field.Root>
 *   <Field.Label>Notifications</Field.Label>
 *   <CheckboxGroup.Root>
 *     <Field.Item>
 *       <Checkbox.Root value="email" />
 *       <Field.Label>Email</Field.Label>
 *       <Field.Description>At most one digest a day</Field.Description>
 *     </Field.Item>
 *   </CheckboxGroup.Root>
 * </Field.Root>
 * ```
 */
export declare function FieldItem(componentProps: FieldItem.Props): React.JSX.Element;
export interface FieldItemState extends FieldRoot.State {
}
export interface FieldItemProps extends ZestUIComponentProps<typeof View, FieldItemState> {
    /**
     * Whether this item should ignore user interaction. A disabled `Field.Root`
     * disables every item in it.
     * @default false
     */
    disabled?: boolean | undefined;
}
export declare namespace FieldItem {
    type State = FieldItemState;
    type Props = FieldItemProps;
}
//# sourceMappingURL=FieldItem.d.ts.map