@navikt/ds-react
Version:
React components from the Norwegian Labour and Welfare Administration.
36 lines (35 loc) • 1.86 kB
TypeScript
import { ToggleGroupProps } from "./ToggleGroup.types";
import { useToggleGroup } from "./useToggleGroup";
interface ToggleContextProps {
size: "medium" | "small";
}
export declare const ToggleGroupContext: import("react").Context<ToggleContextProps | null>;
export declare const ToggleGroupDescendantsProvider: import("react").Provider<import("../utils/hooks").DescendantsManager<HTMLButtonElement, {
value: string;
}>>, useToggleGroupDescendantsContext: <S extends boolean = true>(strict?: S | undefined) => S extends true ? import("../utils/hooks").DescendantsManager<HTMLButtonElement, {
value: string;
}> : import("../utils/hooks").DescendantsManager<HTMLButtonElement, {
value: string;
}> | undefined, useToggleGroupDescendants: () => import("../utils/hooks").DescendantsManager<HTMLButtonElement, {
value: string;
}>, useToggleGroupDescendant: (options?: import("../utils/hooks/descendants/descendant").DescendantOptions<{
value: string;
}> | undefined) => {
descendants: import("../utils/hooks").DescendantsManager<HTMLButtonElement, {
value: string;
}>;
index: number;
enabledIndex: number;
register: ((instance: HTMLButtonElement | null) => void) | null;
};
type ToggleGroupProviderProps = ReturnType<typeof useToggleGroup> & Pick<ToggleGroupProps, "size">;
export declare const ToggleGroupProvider: import("react").FC<{
selectedValue: string;
setSelectedValue: (next: import("react").SetStateAction<string>) => void;
focusedValue: string;
setFocusedValue: import("react").Dispatch<import("react").SetStateAction<string>>;
} & Pick<ToggleGroupProps, "size"> & {
children: React.ReactNode;
ref?: never;
}>, useToggleGroupContext: <S extends boolean = true>(strict?: S | undefined) => S extends true ? ToggleGroupProviderProps : ToggleGroupProviderProps | undefined;
export {};