import styled from 'styled-components' ; import { space } from 'design/system' ; import { colors } from '../../colors' ; const Button = styled . button `
  background: none;
  border-color: ${ colors . terminal };
  border: 1px solid;
  box-sizing: border-box;
  cursor: pointer;
  text-transform: uppercase;

  &:disabled {
    border: 1px solid ${ colors . subtle };
    color: ${ colors . subtle };
    opacity: 0.24;
  }

  color: ${ colors . terminal };
  background-color: none;
  ${ space }
` ; Button . defaultProps = { px : '8fdpx' , py : '4px' , border : 1 , } ; export default Button ;