# code-block-pro/1.28.0/src/editor/components/ButtonsPanel.tsx

Code Block Pro – Beautiful Syntax Highlighting, version 1.28.0. 21 lines.

- Page: https://pluginprobe.com/plugins/code-block-pro/1.28.0/code/src/editor/components/ButtonsPanel.tsx
- Raw: https://pluginprobe.com/plugins/code-block-pro/1.28.0/raw/src/editor/components/ButtonsPanel.tsx
- Modified: 2026-04-12T13:22:22+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/code-block-pro/1.28.0/code/src/editor/components/ButtonsPanel.tsx#L10-L20`.

```tsx
import { PanelBody } from '@wordpress/components';
import { __ } from '@wordpress/i18n';
import type { AttributesPropsAndSetter } from '../../types';
import { CopyBtnSettings } from './buttons/sidebar/CopyBtnSettings';

export const ButtonsPanel = ({
	attributes,
	setAttributes,
}: AttributesPropsAndSetter & { bringAttentionToThemes?: boolean }) => {
	return (
		<div className="code-block-pro-editor">
			<PanelBody title={__('Buttons', 'code-block-pro')} initialOpen={false}>
				<CopyBtnSettings
					attributes={attributes}
					setAttributes={setAttributes}
				/>
			</PanelBody>
		</div>
	);
};

```