React component wrappers for creating resizable panel layouts with customizable styling and optional grip handles.
## Key Components
- **`ResizablePanelGroup`** - Container component that wraps multiple resizable panels with flex layout
- **`ResizablePanel`** - Individual panel component that can be resized (direct export from react-resizable-panels)
- **`ResizableHandle`** - Draggable separator between panels with optional visual grip indicator
## Usage Example
```typescript
import { ResizablePanelGroup, ResizablePanel, ResizableHandle } from "./resizable"
function MyLayout() {
return (
Sidebar content
Main content area
)
}
// Vertical layout with custom styling
function VerticalLayout() {
return (
Top panel
Bottom panel
)
}
```