import { default as React } from 'react';
import { default as IButtonGroupProps } from './IButtonGroupProps';
/**
 * ButtonGroup component that groups multiple buttons together
 * @param props {@link IButtonGroupProps} - The component props
 * @returns The rendered button group component
 *
 * @example
 * ```tsx
 * <ButtonGroup>
 *   <Button label="Left" />
 *   <Button label="Center" />
 *   <Button label="Right" />
 * </ButtonGroup>
 * ```
 *
 * @example
 * ```tsx
 * // Vertical orientation
 * <ButtonGroup orientation="vertical">
 *   <Button label="Top" />
 *   <Button label="Middle" />
 *   <Button label="Bottom" />
 * </ButtonGroup>
 * ```
 *
 * @example
 * ```tsx
 * // Full width
 * <ButtonGroup fullWidth>
 *   <Button label="Option 1" />
 *   <Button label="Option 2" />
 *   <Button label="Option 3" />
 * </ButtonGroup>
 * ```
 *
 * @example
 * ```tsx
 * // With dropdown menu — no wrapper or open/close state needed
 * const [selected, setSelected] = useState('Save');
 *
 * <ButtonGroup>
 *   <Button label={selected} variant="outline" onClick={handleSave} />
 *   <ButtonGroupSeparator />
 *   <DropdownMenu>
 *     <DropdownMenuTrigger asChild>
 *       <Button aria-label="Open save options" icon="ChevronDown" variant="outline" />
 *     </DropdownMenuTrigger>
 *     <DropdownMenuContent align="end">
 *       <DropdownMenuItem onSelect={() => setSelected('Save')}>Save</DropdownMenuItem>
 *       <DropdownMenuItem onSelect={() => setSelected('Save as draft')}>Save as draft</DropdownMenuItem>
 *     </DropdownMenuContent>
 *   </DropdownMenu>
 * </ButtonGroup>
 * ```
 */
declare const ButtonGroup: React.FC<IButtonGroupProps>;
export default ButtonGroup;
