import type { JSX } from 'solid-js';
import type { SelectOptionStateOptions, SelectOptionStateRenderProps } from '../../states/create-select-option-state';
import type { HeadlessPropsWithRef, ValidConstructor } from '../../utils/dynamic-prop';
import type { OmitAndMerge, Prettify } from '../../utils/types';
import type { ButtonProps } from '../button';
export type SelectOptionBaseProps<V> = Prettify<SelectOptionStateOptions<V> & SelectOptionStateRenderProps>;
export type SelectOptionProps<V, T extends ValidConstructor = 'li'> = HeadlessPropsWithRef<T, OmitAndMerge<SelectOptionBaseProps<V>, ButtonProps<T>>>;
/**
 * One option of a `Select`. The required `value` prop is what selecting it
 * produces.
 *
 * Renders an `<li>` by default.
 *
 * @see {@link https://github.com/lxsmnsyc/terracotta/blob/main/docs/components/select.md}
 */
export declare function SelectOption<V, T extends ValidConstructor = 'li'>(props: SelectOptionProps<V, T>): JSX.Element;
//# sourceMappingURL=SelectOption.d.ts.map