import * as React from 'react';
import { View } from 'react-native';
import type { Align, PhysicalSide } from '../../utils/useAnchorPositioning';
import type { ZestUIComponentProps } from '../../types';
/**
 * Displays an element positioned against the select popup anchor.
 * Renders a `<View>`.
 *
 * The arrow is positioned for you; its shape and size are yours. `state.side`
 * tells you which edge of the popup it sits on.
 */
export declare function SelectArrow(componentProps: SelectArrow.Props): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
export interface SelectArrowState {
    /**
     * Whether the select popup is currently open.
     */
    open: boolean;
    /**
     * The side the popup was actually placed on, after collision handling.
     */
    side: PhysicalSide;
    /**
     * The alignment the popup was actually placed with.
     */
    align: Align;
}
export interface SelectArrowProps extends ZestUIComponentProps<typeof View, SelectArrowState> {
}
export declare namespace SelectArrow {
    type State = SelectArrowState;
    type Props = SelectArrowProps;
}
//# sourceMappingURL=SelectArrow.d.ts.map