import SvgIcon from '@material-ui/core/SvgIcon';
import React from 'react';
import PropTypes from 'prop-types';

export const TextFormatIcon = React.forwardRef(function TextFormatIcon(props, ref) {
    const { selectedColor, ...otherProps } = props;
    return (
        <SvgIcon ref={ref} viewBox="0 0 28 33.33" {...otherProps}>
            <rect y="29.33" width="28" height="4" fill={selectedColor} style={{ fill: selectedColor }} />
            <path
                d="M1.82,27l10-26h3.71L26.18,27H22.25l-3-7.89H8.33L5.47,27Zm7.51-10.7h8.82l-2.72-7.2c-.83-2.19-1.44-4-1.84-5.39a33.46,33.46,0,0,1-1.41,5Z"
                transform="translate(0 -1.03)"
            />
        </SvgIcon>
    );
});

TextFormatIcon.propTypes = {
    selectedColor: PropTypes.string,
};
