sc override with classes

Button.jsx

import React from 'react'
import styled from 'styled-components'
import Icon from 'components/Icon'

const ButtonWrap = styled.button`
  padding: 8px 12px;
  color: #fff;
  background: #333;
`

const ButtonIcon = styled(Icon)`
  line-height: 1;
`

const Button = ({ classes, icon, children }) => {
  return (
    <ButtonWrap className={classes.button}>
      {icon ? (
        <ButtonIcon
          name={icon}
          className={classes.icon}
        />
      ) : (
        null
      )}
      {children}
    </ButtonWrap>
  )
}

export default Button