an animated button using SVG paths and react-anime module
npm install react-animated-button* strokeWidth - change the width of the stroke on the svg. Default is 1px
* strokeColor - change the color of the SVG path, default is 'blue'
* fill - fill of the SVG button, default is none
* fillRule - fill rule of the SVG button, default is 'evenodd'
* width - given value or 180 by default
* height - Height is not exposed, but is set to be 1/3 of the given width,
which will keep the text centered inside the button
* fontSize - container font size, default is 1em
* textStyle - apply styling to the text in both button states
* buttonHoverTextClassName - apply a class of styles to the text in the animated state
* normalTextClassName - apply a class of styles to the text in the default state
* buttonText - the text that will appear in the button in both states by default
* animatedText - if present, this text will overwrite the buttonText when in hover state
* path - pass in a custom SVG path for the normal state
* animatedPath - pass in a custom SVG path for the animated state
* containerStyle - pass in custom style object to the button's container element
* pathAnimationProps - user can pass in their own animation properties to tweak the default animation
* textAnimationProps - user can pass in their own animation properties to tweak the default animation
* additionalButtonProps - user can pass in their own props to the svg viewbox that holds the button
* props.onClick - button will invoke props.onClick();