import React from 'react';
import PropTypes from 'prop-types';
import Icon40PropValues from '../_defaultIconPropValues.ts';

const PlayButton = (props) => {
    const {
        width = Icon40PropValues.width,
        height = Icon40PropValues.height,
        fill = Icon40PropValues.fill,
        stroke = Icon40PropValues.stroke,
        ...restProps
    } = props;

    return (
        <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 67 67" fill="none" {...restProps}>
            <path d="M52.5 33.5L22.5 50.8205L22.5 16.1795L52.5 33.5Z" fill={fill} />
            <circle cx="33.5" cy="33.4999" r="30.6346" stroke={stroke} strokeWidth="4" />
        </svg>
    );
};

PlayButton.propTypes = {
    width: PropTypes.string,
    height: PropTypes.string,
    fill: PropTypes.string,
    stroke: PropTypes.string,
};
export default PlayButton;