import type { ReactNode, Ref } from "react";
export interface TabPanelProps {
    /** Pairs this panel with the `Tab` of the same value. */
    value: string;
    /** The view for this tab. Rendered even when unselected, then `hidden`. */
    children: ReactNode;
    className?: string;
    /** Forwarded ref to the panel element. */
    ref?: Ref<HTMLDivElement>;
}
/** One `role="tabpanel"` (D67).
 *
 * Every panel renders; unselected ones carry `hidden`. Returning null instead
 * would leave `aria-controls` on every unselected tab pointing at an element
 * that does not exist, and would throw away DOM state — a half-filled form in
 * a panel would lose its values on each tab switch. The cost is a heavier DOM
 * when panels are large; the answer to that is rendering less inside the
 * panel, not unmounting it behind the consumer's back.
 *
 * `tabIndex={0}` because a panel whose content has no focusable element would
 * otherwise be unreachable by keyboard. */
export declare function TabPanel({ value, children, className, ref }: TabPanelProps): import("react").JSX.Element;
//# sourceMappingURL=TabPanel.d.ts.map