scratch-paint/src/components/text-mode/text-mode.jsx

import React from 'react';
import PropTypes from 'prop-types';
import ToolSelectComponent from '../tool-select-base/tool-select-base.jsx';

import textIcon from './text.svg';

const TextModeComponent = props => (
    <ToolSelectComponent
        imgDescriptor={{
            defaultMessage: 'Text',
            description: 'Label for the text tool',
            id: 'paint.textMode.text'
        }}
        imgSrc={textIcon}
        isSelected={props.isSelected}
        onMouseDown={props.onMouseDown}
    />
);

TextModeComponent.propTypes = {
    isSelected: PropTypes.bool.isRequired,
    onMouseDown: PropTypes.func.isRequired
};

export default TextModeComponent;