A React component that creates grouped toggle buttons with shared state and consistent styling, built on Radix UI primitives with context-based variant management.
## Key Components
- **ToggleGroup** - Main container component that manages shared styling context and layout
- **ToggleGroupItem** - Individual toggle button within the group that inherits context styling
- **ToggleGroupContext** - React context for sharing variant and size props across items
## Usage Example
```typescript
import { ToggleGroup, ToggleGroupItem } from "./toggle-group"
// Single selection toggle group
Left
Center
Right
// Multiple selection toggle group
Bold
Italic
Underline
// With controlled state
const [value, setValue] = useState("option1")
Option 1
Option 2
```
The component automatically applies consistent styling to all items through context, supports both single and multiple selection modes, and provides flexible variant and size options.