# sliderberg/1.2.3/shared/src/components/ToolsPanelItemWrapper.tsx

Slider Block by Sliderberg – WordPress Slider & Carousel Plugin for Gutenberg, version 1.2.3. 46 lines.

- Page: https://pluginprobe.com/plugins/sliderberg/1.2.3/code/shared/src/components/ToolsPanelItemWrapper.tsx
- Raw: https://pluginprobe.com/plugins/sliderberg/1.2.3/raw/shared/src/components/ToolsPanelItemWrapper.tsx
- Modified: 2026-09-15T03:04:50+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/sliderberg/1.2.3/code/shared/src/components/ToolsPanelItemWrapper.tsx#L10-L20`.

```tsx
/**
 * Reusable ToolsPanelItem Wrapper Component
 * Can be used for any control that needs a ToolsPanelItem
 */

import React from "react";
import { __experimentalToolsPanelItem as ToolsPanelItem } from "@wordpress/components";

interface ToolsPanelItemWrapperProps {
  label: string;
  hasValue: () => boolean;
  onDeselect?: () => void;
  isShownByDefault?: boolean;
  children: React.ReactNode;
  className?: string;
  panelId?: string;
  style?: React.CSSProperties;
}

export const ToolsPanelItemWrapper: React.FC<ToolsPanelItemWrapperProps> = ({
  label,
  hasValue,
  onDeselect,
  isShownByDefault = false,
  children,
  className,
  panelId,
  style,
}) => {
  return (
    <ToolsPanelItem
      style={style}
      hasValue={hasValue}
      label={label}
      onDeselect={onDeselect}
      isShownByDefault={isShownByDefault}
      className={className}
      panelId={panelId}
    >
      {children}
    </ToolsPanelItem>
  );
};

export default ToolsPanelItemWrapper;

```