# code-block-pro/1.27.7/src/editor/components/buttons/copy/TextSimple.tsx

Code Block Pro – Beautiful Syntax Highlighting, version 1.27.7. 26 lines.

- Page: https://pluginprobe.com/plugins/code-block-pro/1.27.7/code/src/editor/components/buttons/copy/TextSimple.tsx
- Raw: https://pluginprobe.com/plugins/code-block-pro/1.27.7/raw/src/editor/components/buttons/copy/TextSimple.tsx
- Modified: 2024-01-17T18:30:00+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.7/code/src/editor/components/buttons/copy/TextSimple.tsx#L10-L20`.

```tsx
import { __ } from '@wordpress/i18n';
import { Icon, textColor } from '@wordpress/icons';

export const TextSimple = ({
    text,
    color,
}: {
    text?: string;
    color?: string;
}) => {
    if (text === undefined) {
        return (
            <Icon
                icon={textColor}
                fill={color}
                className="border border-solid border-gray-900"
            />
        );
    }
    return (
        <span className="cbp-btn-text">
            {text || __('Copy', 'code-block-pro')}
        </span>
    );
};

```