import { default as React } from 'react';
import { default as IToggleGroupProps } from './IToggleGroupProps';
/**
 * ToggleGroup component for grouping related toggle buttons
 * Renders either ToggleSingle or ToggleMultiple based on the type prop
 *
 * @param props {@link IToggleGroupProps} - The props for the ToggleGroup component
 * @returns A ToggleGroup component
 *
 * ToggleGroup has no visible label of its own — Radix renders `role="group"`, which
 * has no implicit accessible name. Pass `aria-label` (or `aria-labelledby` for a
 * visible label) so the group is announced to screen readers. See the
 * Accessibility section in ToggleGroup.mdx for the visible-label pattern.
 *
 * @example
 * ```tsx
 * function App() {
 *   const [value, setValue] = useState('');
 *
 *   return (
 *     <ToggleGroup
 *       aria-label="Toggle Group"
 *       value={value}
 *       onChange={setValue}
 *     >
 *       <ToggleGroupItem value="1">Toggle 1</ToggleGroupItem>
 *       <ToggleGroupItem value="2">Toggle 2</ToggleGroupItem>
 *       <ToggleGroupItem value="3">Toggle 3</ToggleGroupItem>
 *     </ToggleGroup>
 *   );
 * }
 * ```
 */
declare const ToggleGroup: React.FC<IToggleGroupProps>;
export default ToggleGroup;