All files / src/px-button index.js

100% Statements 3/3
100% Branches 2/2
100% Functions 1/1
100% Lines 3/3
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47                                                      3x 3x                   3x                
import classnames from 'classnames';
import React from 'react';
import stylesheet from './style.scss';
 
export default(props) => {
  const {
  	label = 'Button',
    type = 'button',
 
    //colors
  	primary,
    tertiary,
    bare,
    disabled,
    icon,
    full,
 
    //sizes
    small,
    large,
    huge,
 
    //handlers
    onClick,
    style,
    attrs,
  	children
  } = props;
	let cssClasses = classnames('btn',
    { 'btn--primary': primary },
    { 'btn--tertiary': tertiary },
    { 'btn--bare': bare },
    { 'btn--disabled': disabled },
    { 'btn--icon': icon },
    { 'btn--small': small },
    { 'btn--large': large },
    { 'btn--huge': huge }
  );
	return (
    <button className={cssClasses} type={type} onClick={onClick} style={style} {...attrs}>
      {label}
      {children}
      <style jsx>{stylesheet}</style>
    </button>
	);
}