import type { JSX } from 'solid-js';
import type { SelectStateRenderProps, SingleSelectStateControlledOptions, SingleSelectStateUncontrolledOptions } from '../../states/create-select-state';
import type { HeadlessPropsWithRef, ValidConstructor } from '../../utils/dynamic-prop';
import type { Prettify } from '../../utils/types';
export interface TabGroupBaseProps {
    horizontal: boolean;
}
export type TabGroupControlledBaseProps<V> = Prettify<TabGroupBaseProps & SingleSelectStateControlledOptions<V> & SelectStateRenderProps<V>>;
export type TabGroupControlledProps<V, T extends ValidConstructor = 'div'> = HeadlessPropsWithRef<T, TabGroupControlledBaseProps<V>>;
export type TabGroupUncontrolledBaseProps<V> = Prettify<TabGroupBaseProps & SingleSelectStateUncontrolledOptions<V> & SelectStateRenderProps<V>>;
export type TabGroupUncontrolledProps<V, T extends ValidConstructor = 'div'> = HeadlessPropsWithRef<T, TabGroupUncontrolledBaseProps<V>>;
export type TabGroupProps<V, T extends ValidConstructor = 'div'> = TabGroupControlledProps<V, T> | TabGroupUncontrolledProps<V, T>;
/**
 * A tabbed interface. The `value` is the id of the selected tab, and the
 * arrow keys select as they move. The `horizontal` prop is required: it picks
 * which arrow keys navigate, and sets `aria-orientation`.
 *
 * Renders a `<div>` by default.
 *
 * @see {@link https://github.com/lxsmnsyc/terracotta/blob/main/docs/components/tabs.md}
 */
export declare function TabGroup<V, T extends ValidConstructor = 'div'>(props: TabGroupProps<V, T>): JSX.Element;
//# sourceMappingURL=TabGroup.d.ts.map