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

Code Block Pro – Beautiful Syntax Highlighting, version 1.27.6. 23 lines.

- Page: https://pluginprobe.com/plugins/code-block-pro/1.27.6/code/src/editor/components/ButtonsPanel.tsx
- Raw: https://pluginprobe.com/plugins/code-block-pro/1.27.6/raw/src/editor/components/ButtonsPanel.tsx
- Modified: 2023-07-23T01:26:46+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.27.6/code/src/editor/components/ButtonsPanel.tsx#L10-L20`.

```tsx
import { PanelBody } from '@wordpress/components';
import { __ } from '@wordpress/i18n';
import { 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>
    );
};

```
