translation-waveform-audio
Version:
Waveform react audioplayer
31 lines (25 loc) • 2 kB
JSX
import React from 'react';
import PropTypes from 'prop-types';
import Button from './Button';
const MarkerBtn = (props, context) => (
<Button {...props}>
<svg width="40px" height="40px" viewBox="0 0 29 30" version="1.1" xmlns="http://www.w3.org/2000/svg"xmlnsXlink="http://www.w3.org/1999/xlink">
<desc>Created with Sketch.</desc>
<defs>
<path d="M14.5,2.22034441e-16 L41.8715047,2.22034441e-16 L41.8715047,3.33066907e-16 C42.147647,-1.67976798e-15 42.3715047,0.223857625 42.3715047,0.5 L42.3715047,28.6575595 L42.3715047,28.6575595 C42.3715047,28.9337018 42.147647,29.1575595 41.8715047,29.1575595 C41.7505276,29.1575595 41.6336532,29.1136977 41.5425465,29.034105 L28.1857523,17.3653262 L14.8289582,29.034105 L14.8289582,29.034105 C14.6209978,29.2157835 14.3051331,29.194478 14.1234545,28.9865176 C14.0438617,28.8954109 14,28.7785365 14,28.6575595 L14,0.5 L14,0.5 C14,0.223857625 14.2238576,5.07271091e-17 14.5,0 Z" id="path-1"></path>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Group" transform="translate(-14.000000, 0.000000)">
<g id="Rectangle">
<use fill="#F0FF36" fill-rule="evenodd" xlinkHref="#path-1"></use>
<path stroke="#979797" stroke-width="0.5" d="M14.5,0.25 C14.3619288,0.25 14.25,0.361928813 14.25,0.5 L14.25,28.6575595 C14.25,28.718048 14.2719309,28.7764852 14.3117272,28.8220385 C14.4025665,28.9260187 14.5604989,28.9366715 14.6644791,28.8458322 L28.1857523,17.033361 L41.7070256,28.8458322 C41.752579,28.8856286 41.8110162,28.9075595 41.8715047,28.9075595 C42.0095759,28.9075595 42.1215047,28.7956306 42.1215047,28.6575595 L42.1215047,0.5 C42.1215047,0.361928813 42.0095759,0.25 41.8715047,0.25 L14.5,0.25 Z"></path>
</g>
</g>
</g>
</svg>
</Button>
);
MarkerBtn.contextTypes = {
color: PropTypes.string
};
export default MarkerBtn;