import { ElementType } from 'react';
import { SegmentedButtonProps } from './SegmentedButton.js';
export type TabProps<C extends ElementType = 'button'> = Omit<SegmentedButtonProps<C>, 'active'> & {
    /** Identifies this tab. Matched against the `Tabs` selected value. */
    value: string;
};
/** Shape of `Tab` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */
export type TabDefaultProps = Partial<Omit<SegmentedButtonProps, 'as' | 'ref' | 'children' | 'active'> & {
    value?: never;
}>;
/**
 * A single tab. Renders a `SegmentedButton`, deriving its `active` look from the surrounding `Tabs` selection and wiring the click - so you never manage the selected state yourself.
 *
 * Stays a real focusable control (unlike a `readOnly` active `SegmentedButton`) so the tablist roving-focus pattern works.
 *
 * Polymorphic via `as` - `<Tab as="a" href="…">` keeps the automatic active styling while rendering a link.
 */
export declare const Tab: <C extends ElementType = "button">(props: TabProps<C>) => import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=Tab.d.ts.map